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.
    Membuat Widget Melayang di Blogger
  2. Beri tanda centang pada kotak Expand Template Widget.
    Membuat Widget Melayang di Blogger
  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.
    Membuat Widget Melayang di Blogger
Silakan dicoba dan Semoga berhasil...

Komentar

Postingan populer dari blog ini

Menakjubkan! Beginilah Bentuk Mata Jika di Foto Dengan Detail

Widget Recent Comment Valid XHTML

Ka'bah Itu Apa Isinya?