float image (gambar melayang)

float image adalah gambar yang tetap berada ditempatnya walaupun scroll kamu bergerak. seperti di blog ini saya memasang float image nya sonic yang sedang berlari dipojok bawah kiri blog ini.

penggunaan gambar ini hanya sekedar menambah daya ketertarikkan pada blog kita
ok, dari pada panjang lebar, coba praktekin aja langsung. ini cara membuar float image atau gambar melayang :



1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]> kalo dah ketemu taru kode berikut ini di atasnya.

{ 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, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode

http://danellord.blogspot.com/"> http://kendhin.890m.com/soniclari.gif" />

"http://trik-tips.blogspot.com" adalah link. ganti dengan link kamu.
"http://kendhin.890m.com/soniclari.gif" adalh lokasi gambarmu. ganti dengan lokasi gambar kamu.

5. Jika kamu pingin 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 kerja kamu dan lihat hasilnya.