Cara membuat Float Image

cara membuat gambar melayang tuh (itu lho sasuke ma naruto berantem) gini nih..
1. Login ke blogger.
2. klik Layout - Edit HTML
3. 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); }

4. Text yang dicetak miring adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
5. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>

<div id="trik_pojok">
<a href="http://ara-uchiha.blogspot.com">
<img src="http://www5.indowebster.com/24be898161eb38a7001cd13f367123b0.gif" border="0" /></a>
</div>

"http://ara-uchiha.blogspot.com" adalah link. ganti dengan link kamu.
"http://www5.indowebster.com/24be898161eb38a7001cd13f367123b0.gif" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.

6. gambarnya bisa diganti dengan kalender,hit counter, jam.... terserah kamu aja, hehehe
7. selesai... ikuti uchiha clan family, hehe

Artikel yang berhubungan :