19.12 | Posted by Unknown

Membuat Widget Melayang di Blog


Kali ini saya ingin memposting cara 'Membuat Widget Melayang' Di blog, walaupun di scroll ke atas atau ke bawah widget/gambar ini tetap di posisi semula. Seperti anda memasang widget jam, maka jam tsb akan ada di posisi semula meskipun di geser ke bawah atau atas.

Berikut langkah-langkahnya :

1. Buka Blogger.com & Login
2. Buka Rancangan
3. klik Edit HTML
4. cari code ]]></b:skin> gunakan (CTRL+F) untuk pencarian otomatis
5. Copy kode di bawah ini & paste di atas kode ]]></b:skin>



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



Keterangan :
Text warna merah : posisi widget (bottom-left) memberi peritah widget di posisi bawah-kiri, ganti sesuai keinginan anda

6. Save Template

Langkah selanjutnya :
1. klik Elemen Laman
2. klik Tambah Gadget
3. Pilih HTML/JAVASCRIPT
4. Copy kode di bawah ini :


<div id="widget_fly">


[masukkan code widget disini]


</div>


Keterangan : 
Text merah Masukkan kode HTML widget anda

7.save

Selamat Mencoba Yach...




Artikel Menarik Lainnya:


Posted by Unknown on 19.12. Filed under , , . You can follow any responses to this entry through the RSS 2.0. Feel free to leave a response