Membuat gambar melayang 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 anda 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="#">
<img src="http://i478.photobucket.com/albums/rr146/tovarossi/bird_ann.gif" border="0"/></a>
</div>





7. Ganti link # dengan link blog anda
8. Simpan


0 Response to "Membuat gambar melayang di blog"

Posting Komentar