Membuat Gambar Melayang Di Blog

Icad Share - Pada kesempatan kali ini saya akan coba untuk share Tips n Trick Blog. Dan yang pertama kali saya share yaitu tentang Float Image. Float Image adalah gambar yang melayang dan tetap pada halaman Blog anda contoh punya saya. lihat di sebelah kiri..ada kan.??. itu namanya Float Image. disini saya akan share Bagaimana cara membuat Float Image.

1. Login ke blogger trus klik "Template -->> Edit HTML Centang Expand Templates Widget
 
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru 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, kalo pingin ganti di posisi pojok kanan bawah tinggal tex"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 </body>

<div id="trik_pojok"><a href="http://twitter.com/Ir_Fadh">
<img src="http://i1083.photobucket.com/albums/j400/Irsyad_Fadhillah/ss.png" border="0" /></a></div>

"http://twitter.com/Ir_Fadh" adalah link. ganti dengan link kamu.
"http://i1083.photobucket.com/albums/j400.Irsyad_Fadhillah/ss.png" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.

6. Simpan hasil kerja kamu dan lihat hasilnya.