Membuat Widget Melayang di Blogger

Membuat Widget Melayang di Blogger | Tutorial Blog

Sebelumnya saya pernah posting tentang Membuat Widget Melayang di Wordpress.com, untuk kali ini Membuat Widget Melayang di Blogger / Blogspot.

Ok Sob , berikut caranya :

1. Login ke blogger, klik Design > Edit HTML.
   
2. Beri tanda centang pada kotak Expand Template Widget.
   
3. Cari kode ]]></b:skin> dan kalau sudah ketemu, letakkan kode berikut tepat di atasnya.
   #floating-widget { 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); }
4. Selanjutnya, carilah kode </body> dan letakkan kode berikut tepat di atasnya
   <div id='floating-widget'>

   Letakkan kode widget disini

   </div>
5. Jika sudah selesai klik SAVE / SIMPAN TEMPLATE, dan lihat hasilnya.
   

Silakan dicoba dan Semoga berhasil...

Tweet