Cara Membuat Gambar Melayang

Kemarin salah satu temanku (Syarif) bertanya bagaimana caranya membuat gambar melayang :t , gambar melayang itu lho gambar yang biasanya selalu berada di pojok layar (bisa atas, bawah, kiri, kanan) walaupun 'scroll bar' ditarik kemanapun tapi gambar tidak akan bergerak kemanapun ! Tutorial ini sebenarnya sudah banyak yang membahas tetapi kalau masih ada yang bertanya lagi bagaimana caranya ya apa boleh akan saya jelaskan lagi :)

Begini caranya :$

1 . Login ke akun blogger kamu lalu masuk ke tab Edit HTML !

2 . Sesudah masuk tab Edit HTML selanjutnya cari kode ]]></b:skin> , jika sudah ketemu selanjutnya letakan kode berikut ini di atas kode ]]></b:skin> ;)

#gambar_pojok {
position:fixed;_position:absolute;bottom:0px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

Teks yang dicetak tebal menunjukan posisi gambar, jika ingin ganti di posisi pojok kiri bawah tinggal ganti text "right" menjadi "left". Begitu juga tulisan "bottom", jika ingin posisi gambar berada di atas maka ganti saja dengan tulisan "top" , are understand :t

3 . Lalu langkah selanjutnya masukan kode berikut sebelum kode </body> !

<div id="gambar_pojok">
<a href=" Link yang kamu tuju">
<img src=" Alamat gambar kamu" border="0" /></a>
</div>

Teks yang berwarna merah menunjukan link yang dituju, ganti dengan link kamu !
Teks yang berwarna biru menunjukan alamat gambar, ganti dengan alamat gambar kamu !

Contohnya seperti ini :

<div id="gambar_pojok">
<a href=" http://kelincex.blogspot.com">
<img src=" http://www.geocities.com/dothackers99/Luffy-kentang.gif" border="0" /></a>
</div>

4 . Simpan !

Note :
Kamu juga bisa mengganti gambar yang melayang tersebut dengan widget yang lainnya misalnya image counter atau jam, caranya ganti saja kode di bawah ini dengan kode widget yang ingin dipasang !

<a href=" http://kelincex.blogspot.com">
<img src=" http://www.geocities.com/dothackers99/Luffy-kentang.gif" border="0" /></a>

Selamat mencoba :)