pasang gambar melayang

kembali menanggapi pertanyaan seorang teman yang menanyakan bagaimana cara buat gambar kucing melayang seperti yang berada di blog saya, yang tadinya saya mau arahkan ke salah satu link teman saya,tapi saya pikir lagi mungkin lebih baik saya jelaskan saja di blog ini..(padahal saya juga baru tahu,tapi tidak ada salahnya berbagi dengan kawan sendiri..bukan.?) dan terima kasih buat sahabat yang sudah bertanya,ini membuat saya bikin posting baru diawal tahun 2010....he..he..
caranya begini :
mungkin langkah awal yang harus sobat lakukan adalah :
download dulu template nya buat jaga-jaga,jika tidak berhasil sobat bisa pakai lagi template yang lama.
1. masuk ke akun blogger sobat
2. masuk ke dashboard
3. pilih tata letak (layout)
4. klik edit HTML
5. jika mau copy kode di bawah ini,tapi jika mau ber-experimen sendiri bolehlah,yang penting sobat sudah memyimpan gambarnya di webhosting ya..
cari kode ]]> < /b:skin >; lalu copy paste kode di bawah ini,tepat di atas kode ]]> < /b:skin >.

ini kodenya :

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

kode TOP dan LEFT menunjukan letak gambar dan itu bisa di ubah tergantung selera sobat.

selanjutnya cari kode < /body >; dalam template sobat lalu copy paste kode di bawah ini tepatdi atas kode tersebut
ini kodenya :

<div id="trik_pojok">
<a href="http://dedi-iswanto.blogspot.com"> <img
src="http://i559.photobucket.com/albums/ss32/diswanto_fhotos/cat_5.gif"/></a>
</div>

ingat kode yang berwarna merah ganti dengan nama blog sobat.
dan kode yang berwarna biru ganti dengan url gambar yang sobat punya,atau mau yang itu juga tidak apa-apa....

sebelum simpan coba pratinjau dulu...



selamat mencoba ya.....