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 merah 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 ja, hehehe
7. selesai... ikuti habibie clan family, hehe



No Response to "cara membuat float image"

Leave a Reply

 
powered by Blogger | For Blogservices