Membuat Floating Image

Floating Image adalah gambar yang berada di pojok blog yang bisa berbentuk gambar atau animasi gif. Floating Image ini akan selalu berada di pojok blog meskipun blog di geser keatas kebawah. Pengen tau triknya baca aja lebih lengkap.

Caranya agar supaya ada Floating Image-nya :
1. Pertama (sperti biasa) login dulu ke blogger.com trus masuk ke Tata Letak/Layout ==> Edit HTML.
2. Cari kode berikut :

]]></b:skin>

3. Trus Copikan script dibawah ini tepat diatas kode tadi :

#floating_image {
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); }

Kode bottom menunjukkan letak gambar tersebut dan dapat diganti dg up (atas), left menunjukkan letak gambar tsb dan dapat diganti dg right (kanan)

4. Cari kode </body> dan copikan script berikut sebelum kode tadi :

<div id="floating_image">
<a href="http://ibnurock.blogspot.com">
<img src="http://www.geocities.com/ibnurock18/fenderspin.gif" border="0" /></a>
</div>

5. Ganti kode http://ibnurock.blogspot.com dg url blog kamu.
6. Ganti jg kode http://www.geocities.com/ibnurock18/fenderspin.gif dg alamat url gambar kamu.
7. Trus simpan template.
8. Dan Selesai.
9. Selamat Mencoba.