Membuat Gambar Melayang

Kali ini akan membahas bagaimana cara membuat gambar melayang (bisa atas, bawah, kiri, kanan) meskipun "scroll bar" ditarik kemana-mana.  Gambar itu  bisa gambar atau photo diri sendiri, animasi, Jam, Hit Counter, Shoutbox, Kalender, Adsense, Iklan, Widget-widget dan lain-lain.  Kalau anda ingin mencobanya ikuti trik berikut ini:

1. Login ke blogger  klik Layout pilih Edit HTML
 
2. Cari kode ini ]]></b:skin> kalau sudah ketemu taruh kode berikut ini di atasnya.

#trik_pojok {
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); }
3. Text yang dicetak tebal adalah posisinya, kalau ingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika ingin di posisi atas bisa diganti dengan "top".

4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>

<div id="trik_pojok">
<a href="http://trik-nyaman.blogspot.com">
<img src="http://i700.photobucket.com/albums/ww6/mandalika3/soniclari.gif" border="0" /></a>
</div>

"http://trik-nyaman.blogspot.com" adalah link blogger masing-masing.
"http://i700.photobucket.com/albums/ww6/mandalika3/soniclari.gif" adalah lokasi gambar yang akan ditampilkan.

5. Jika 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.

6. Simpan hasil akhirnya dan lihat hasilnya.

referensi :
http://trik-blog-nyaman.blogspot.com/2009/05/berikut-ini-saya-mencoba-ngebahas.html