Tips Memasang Widget Melayang

Sobat liat widget “Online YM” di samping kanan atas. Nah itu adalah salah satu widget yang aq pasang melayang,maksudnya kemanapun kita menggeser scroll, widget itu tetap berada di posisinya.

Kalau sobat tertarik, ini nih tipsnya :

1.       Login > Rancangan/Tata Letak > Pilih Edit HTML > centang Expand Template Widget

Sebaiknya backup dulu template sobat dengan mengklik “Download Template Lengkap”

2.       Selanjutnya cari code ]]></b:skin> (Gunakan ctrl + F pada keyboard untuk memudahkan pencarian)

Kalau sudah ketemu, copy code berikut dan letakkan  di Atas  ]]></b:skin>

#widget_fly {

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); }

Simpan Template

Ket: Code yang berwarna merah adalah keterangan posisi widget. Silahkan sobat rubah kalau ingin merubah letak/posisinya.

Kalau templatenya sudah tersimpan, kita lanjutkan ke tahap pemasangan widget.

• Siapkan code widget yang akan di pasang mis.: gambar,jam,hitcounter dll.
• Menuju ke Rancangan/Tata Letak
• Klik Tambah Gadget
• Pilih HTML/Javascript
• Copy code berikut :

<div id="widget_fly">

ganti tulisan ini dengan code widget sobat

</div>

Ganti code (warna merah) dengan code widget sobat.

• Lalu paste ke dalam kolom konten.
• Simpan.

Selesai dan sekarang cek blog sobat..