Membuat Widget Melayang


Oke kali ini saya akan membahas sedikit mengenai widget melayang, Jika anda menyimpan widget dan jika Anda menggeser scroll bar browser Anda, widget ini akan berada ditempatnya tidak mengikuti scroll bar. Sebagai Contoh kamu lihat template dengan widget melayang di bawah ini :

Photobucket

Nah apakah anda ingin membuat widget seperti diatas ? Jika anda ingin membuatnya caranya mudah ikuti saja langkah-langkah berikut :

1. Login ke Blogger.com
2. Masuk ke menu Template
3. Lalu masuk ke Edit HTML

4. Centang kotak yg bertulis Expand Widget Template
5. Masukkan Code di bawah ini di atas Code ]]></b:skin>

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

Keterangan :

Tulisan yang berwarna Merah diatas adalah posisi widgetnya
bottom adalah bawah jika ingin mnaruh diatas bisa kamu ganti dengan top, Left adalah kiri jika ingin mengganti di kanan bisa kamu ganting dengan right

6. Taruh Code dibawah ini sebelum Code </body>

<div id="melayang">
<a href="Link Anda"> <img src="Link Gambar Yang Anda Upload"/>
</a>
</div>

Keterangan :

- Code yang berwarna Merah diatas adalah Link yang merupakan widgetnya
- Code yang berwarna Biru diatas adalah link Gambar untuk widget anda, anda bisa uploadnya lewat situs2 tertentu mialnya 4shared.com, googlepages.com, photobucket.com. Terserah kamu deh y
g penting bisa.

7. Kemudian klik SAVE
8. Dan lihat hasilnya..!!

Related Posts

Membuat Widget Melayang
4/ 5
Oleh

3 comments

26 January 2009 at 04:41 delete

bro tu yg dimaksud masukan code sebelum code apa?
B\)

Reply
avatar
26 January 2009 at 06:58 delete

maaf broo gw lupa gak di encode dimasukkan sblm code /body

Reply
avatar
11 February 2009 at 14:06 delete

Bro cara kamu bermanfaat juga. thank ya

Reply
avatar