Cara Membuat Iklan Melayang seri 2

Iklan melayang ini seperti pada umumnya, yaitu muncul
disaat pertama blog terbuka. Perpaduan antara gambar
dan tulisan menghiasi widget iklan melayang ini. Sebenar-
nya widget iklan ini tidak begitu relevan disebut melayang
karena posisinya yang statis alias tidak bergerak meng-
ikuti alur screen. Tapi tidak ada salahnya bila anda ingin
mencoba untuk memasangnya. Anda hanya cukup me-
nambahkan gadget HTML/JavaScript pada blog anda,
copy kode yang tertera di bawah ini kemudian
masukkan kode tersebut dalam kontennya.

<script language="JavaScript1.2"> var ie=document.all var dom=document.getElementById var ns4=document.layers var calunits=document.layers? "" : "px" var bouncelimit=32 //(must be divisible by 8) var direction="up" function initbox(){ if (!dom&&!ie&&!ns4) return crossobj=(dom)?document.getElementById("dropin").style : ie? document.all.dropin : document.dropin scroll_top=(ie)? truebody().scrollTop : window.pageYOffset crossobj.top=scroll_top-250+calunits crossobj.visibility=(dom||ie)? "visible" : "show" dropstart=setInterval("dropin()",50) } function dropin(){ scroll_top=(ie)? truebody().scrollTop : window.pageYOffset if (parseInt(crossobj.top)<100+scroll_top) crossobj.top=parseInt(crossobj.top)+40+calunits else{ clearInterval(dropstart) bouncestart=setInterval("bouncein()",50) } } function bouncein(){ crossobj.top=parseInt(crossobj.top)-bouncelimit+calunits if (bouncelimit<0) bouncelimit+=8 bouncelimit=bouncelimit*-1 if (bouncelimit==0){ clearInterval(bouncestart) } } function dismissbox(){ if (window.bouncestart) clearInterval(bouncestart) crossobj.visibility="hidden" } function truebody(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } window.onload=initbox </script> <div id="dropin" style="position:absolute;visibility:hidden;left:250px;top:300px;width:500px;height:100px;background-color:#F3F3F3"> <table border="3" width="500" cellspacing="0" cellpadding="3" bgcolor="#00FFFF"> <tr> <td width="100%"> <table border="2" width="100%" bgcolor="#FF0000" cellspacing="0" cellpadding="2"> <tr> <td width="100%" bgcolor="#FFFFFF"><img src="URL Gambar Iklan" width="100" height="102" align="left" /><font face="Arial" size="4"><b><a href="dropinbox.htm" style="color:red">Judul Iklan</a></b></font> <p>Isi kalimat iklan</p> <div align="right"><a href="#" onclick="dismissbox();return false">[Close]</a></div> </td> </tr> </table></td> </tr> </table></div>

KETERANGAN :

*    Masukkan URL gambar iklan anda
     pada kode URL Gambar Iklan.
     Sesuaikan juga ukuran width & height-nya
     iklan anda tersebut.

*   Ganti warna backgroundnya pada kode bgcolor=
*   Tuliskan kalimat iklan anda pada
     kode Isi kalimat iklan.

Selamat mencoba, good luck!