Membuat Widget Melayang

Oke kali ini saya akan membahas sedikit mengenai widget melayang, Jika anda menyimpan widget dan jika Anda menggeser scroll bar browser Anda, widget ini akan berada ditempatnya tidak mengikuti scroll bar. Sebagai Contoh kamu lihat template dengan widget melayang di bawah ini :



Nah apakah anda ingin membuat widget seperti diatas ? Jika anda ingin membuatnya caranya mudah ikuti saja langkah-langkah berikut :

1. Login ke Blogger.com
2. Masuk ke menu Template
3. Lalu masuk ke Edit HTML
4. Centang kotak yg bertulis Expand Widget Template
5. Masukkan Code di bawah ini di atas 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); }

Keterangan :

Tulisan yang berwarna Merah diatas adalah posisi widgetnya
bottom adalah bawah jika ingin mnaruh diatas bisa kamu ganti dengan top, Left adalah kiri jika ingin mengganti di kanan bisa kamu ganting dengan right

6. Taruh Code dibawah ini sebelum Code </body>

<div id="melayang">
<a href="Link Anda"> <img src="Link Gambar Yang Anda Upload"/>
</a>
</div>

Keterangan :

- Code yang berwarna Merah diatas adalah Link yang merupakan widgetnya
- Code yang berwarna Biru diatas adalah link Gambar untuk widget anda, anda bisa uploadnya lewat situs2 tertentu mialnya 4shared.com, googlepages.com, photobucket.com. Terserah kamu deh yg penting bisa.

7. Kemudian klik SAVE
8. Dan lihat hasilnya..!!