Membuat Efek Widget Melayang

Banyak blog yang menampilkan suatu widget yang selalu nampak didepan monitor kita , walaupun kita scroll ke bawah atau keatas Widget tsb selalu nampak ada didepan tampilan blog kita. Widget ini lumayan berguna untuk menyimpan suatu iklan atau suatu tanda yahoo messenger kita sedang menyala atau tidak, tapi yang pasti kebanyakan blog menambahkan ini untuk menyimpan suatu iklan tertentu.



kalau ada yang ingin menambahkannya diblog anda silahkan ikuti petunjuknya dibawah .

Langkah pertama yang harus kamu lakukan adalah Log In ke Blogger lalu masuk menu Layout kemudian masuk Edit HTML

Lalu taruh Code dibawah ini diatas Code ]]></b:skin>

#melayang {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }


Tulisan yang berwarna Hitam dan tebal diatas itu adalah posisi widgetnya.
bottom adalah bawah jika ingin menaruh diatas bisa kamu ganti dengan top, Left adalah kiri jika ingin mengganti di kanan bisa kamu ganti dengan right.

Langkah selanjutnya taruh code dibawah ini yang merupakan widget sebelum Code </body>

<div id="melayang">
<a href="ymsgr:sendIM?IdYmKamu"> <img src="http://opi.yahoo.com/online?u=IdYmKamu&amp;m=g&amp;t=1&amp;l=us"/>
</a>
</div>

Yang saya beri warna hitam dan tebal diatas, anda ganti dgn alamat email anda sendiri. ataou jika tidak ingin status YM yg dipasang anda bisa merubahnya yaitu letakkan HTML; yg kmu mau taruh buat melayang tepat di bawah kode <div id="melayang">
dengan diakhiri kode </div>

semoga berhasil