Tambahkan Floating Widget di Blog

info-gamepc.blogspot.com - Dalam artikel ini saya akan memberitahukan, bagaimana menambahkan widget Floating di blog anda, Anda dapat menambahkan widget hanya dengan menambahkan kode CSS sederhana dengan kode div class untuk kode widget Anda.

Berikut Caranya.

1. Masuk ke template blogger Anda.
2. Sebelumnya backup dulu template anda.
3. Setelah itu lanjutkan dengan klik Edit HTML.
4. Cari ]]></b:skin> dengan menekan Ctrl + F.
5. Tambahkan kode dibawah ini sebelum ]]></b:skin>

Masukkan kode dibawah ini.

#trickiezone { 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); }

6. Tambahkan Kode Widget dibawah ini:

7. Tambahkan kode widget antara <div id=”trickiezone”> and </div>.

Contoh Code:

<div id="trickiezone"> Widget Kode kamu </div>

Kustomisasi:

Anda dapat mengubah posisi "Bottom" dengan "Top", dan "Kiri" dengan "Kanan", sesuaikan dengan selera anda.