Membuat Widget Melayang di Blogger

Tips Blog | Tutorial Blog | Belajar Blog

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...
Share 'Membuat Widget Melayang di Blogger' On ...

Belum ada komentar untuk "Membuat Widget Melayang di Blogger"

Posting Komentar