First of All

Browse Manual » Wiring » Gambar » Cara Membuat Gambar Melayang (Float) di Blog

---

Cara Membuat Gambar Melayang (Float) di Blog

Berikut adalah tips bagaimana membuat gambar melayang di samping kiri-kanan dan atas-bawah blog sobat. Sobat dapat memasang float gambar ini untuk menghiasi tampilan web dengan gambar, adsense dan lain sebagainya.

1. Login ke blogger
2. Masuk ke Rancangan -- Edit HTML
2. Cari kode ini ]]></b:skin>
4. Kalau udah ketemu letakkan kode berikut ini di atasnya.

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

5. Text yang dicetak tebal adalah penempatan posisi gambar di blog, jika sobat mau ganti di posisi pojok kanan bawah tinggal ganti "left" dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".

6. Langkah selanjutnya yaitu meletakkan script berikut ini sebelum kode </body>

<div id="float">
<a href="www.defecafe.blogspot.com">
<img src="http://i478.photobucket.com/albums/rr146/tovarossi/bird_ann.gif" border="0"/></a>
</div>

7. Ganti link www.defecafe.blogspot.com dengan link blog sobat
8. Simpan hasil kerja sobat dan lihat hasilnya