Minggu, 19 April 2009

Membuat Float Image (Gambar yang Melayang di Tampilan Blog Anda)

1. Login ke blogger lalu klik "Layout" -->> Edit HTML
2. Cari kode ini: ]]></b:skin> kalo sudah ditemukan, letakkan 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); }


3. Text yang dicetak tebal 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".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>:

<div id="trik_pojok">
<a href="http://blogspotbeginner.blogspot.com">
<img src="http://kendhin.890m.com/soniclari.gif" border="0" /></a>
</div>


"http://blogspotbeginner.blogspot.com" adalah link. ganti dengan link kamu.
"http://kendhin.890m.com/soniclari.gif" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.

5. Jika ingin menggantinya dengan jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna biru dengan script widget-widget tersebut.
6. Simpan hasil kerja kamu dan lihat hasilnya.

sumber: trik-tips.blogspot.com

Tidak ada komentar:

Posting Komentar