Blog List

Senin, 21 Maret 2011

Cara Membuat Float Image

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

0 komentar:

Posting Komentar

Diberdayakan oleh Blogger.

You can replace this text by going to "Layout" and then "Page Elements" section. Edit " About "

anda penguinjung ke:

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Best Buy Printable Coupons