Kamis, 15 September 2011

Tips membuat widget blog melayang

     Hay para sobat blogger di seluruh dunia, khususnya Indonesia! Kali ini saya akan memberikan tips untuk membuat widget blog melayang sesuai keinginan sobat blogger. Nah, biasanya kan widget yang kita pasang di blog itu cuma ada di tempat yang disediakan oleh pembuatnya, biasanya hanya di kolom samping saja. Agar kita tidak bosan dengan posisi widget tersebut maka kita bisa meletakkannya melayang di atas ataupun di bawah halaman blog kita. Bagaimana sih caranya??? Caranya mudah kok, tidak susah untuk dipraktekkan. Lets Check It Out!


Caranya yaitu :
1. Buka Rancangan Blog dari Dasbor
2. Lalu Edit HTML
3. Cari tulisan ]]></b:skin> (agar cepat mencarinya dengan mengklik F3)
4. Kemudian copy paste kode berikut di atas tulisan ]]></b:skin> (Lalu Simpan Template)
#widget_fly {
position:fixed;_position:absolute;above:0px;
right:0px;
clip:inherit;
_top:expression
(document.documentElement.scrollTop
+
document.documentElement.clientHeight-
this.clientHeight);
_left:expression
(document.documentElement.scrollLeft
+
document.documentElement.clientWidth
- offsetWidth); }

5. Langkah selanjutnya, buat gadget baru
6. Lalu pilih, tambahkan HTML/Javascript dan tuliskan kode berikut ini
<div id="widget_fly">
7. Kemudian copy paste kode HTML widget yang kalian inginkan
8. Simpan lalu lihat perubahannya.


Catatan : kode di atas (above & right) yang berwarna biru bisa diganti sesuai yang kalian inginkan.

0 komentar:

Posting Komentar