Membuat Gambar Melayang(Float Image)

Bagaimana Cara Membuatnya?

• Login ke Blogger.com

• Klik Menu Edit HTML

• Klik Edit HTML --> Sebelumnya terlebih dahulu teman backup dulu templatenya dengan mengklik Download Template Lengkap.Supaya bila terjadi kesalahan maka bisa diulang kembali.

• Lalu taruh Code dibawah ini diatas 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); }

• Tulisan yang berwarna merah dan tebal diatas itu 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 ganti dengan right.
  

• Langkah selanjutnya taruh code dibawah ini yang merupakan widget sebelum Code </body>

<div id="melayang">
<a href="http://weblog-indonesia.blogspot.com">
<img src="http://www.geocities.com/ridwanox/Luffy-1.gif" border="0" /></a>
</div>

• "http://weblog-indonesia.blogspot.com" adalah link. ganti dengan link kamu.

• >"http://www.geocities.com/ridwanox/Luffy-1.gif" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.

Jika kamu ingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.

Selamat Mencoba ya....