Membuat Widget Melayang di Blogspot & Mengatur Posisinya

بسم الله الرحمن الرحيم

Oke, teman semua sekarang mari kita sama2x membahas tentang cara Membuat Widget Melayang di Blogspot & Mengatur Posisinya sob.. oke kan??? jarang kita temuin... hehehe

• Pertama yang harus kita lakuin adalah masuk ke "edit HTML" di tata letak, lalu cari kode ]]></b:skin> kalau sudah ketemu, copy dan paste kode berikut tepat diatas kode ]]></b:skin> tadi :

#melayang {
position:fixed;_position:absolute;top:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

• Kedua, simpen aja langsung template kamu..
• Ketiga, kamu masuk ke Elemen Laman trus tambahkan widget html dan masukkan kode berikut:
 

 <div id='melayang'>

 Simpen kode widget yang anda inginkan disini

 </div>

•  Terus terakhir kamu save n lihat hasilnya... Mudah2an berhasil...;)

 Naaaahh..... Sekarang perhatikan!!!

Untuk mengatur posisi widget tersebut kita lihat kode html yang telah kita copy-kan tadi ini:

#melayang {
position:fixed;_position:absolute;top:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

1. untuk posisi pojok kiri atas : top:0px; left:0px
2. untuk posisi pojok kanan atas : top:0px; right:0px
3. untuk posisi pojok bawah kiri : bottom:0px; left:0px
4. untuk posisi pojok bawah kanan : bottom:0px; right:0px

Sekian, Semoga Bermanfaat..