Senin, 05 Oktober 2009

Cara Membuat Gambar Melayang Di Pojok Blog

Apa itu gambar melayang yang dimaksud dengan judul diatas. Sebenarnya semacam gambar animasi , ataupun gambar lain yang menarik bagi anda yang selalu muncul untuk menghias page blog anda. Seperti contoh dalam blog ini, anda akan selalu melihat gambar animasi di pojok kiri bawah halaman.

Caranya sebagai berikut :

1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin>
kalo dah ketemu 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 miring adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "buttom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letakkan script berikut ini sebelum kode </body>


<div id="trik_pojok">
<a href="http://trik-kis.blogspot.com">
<img src="http://i288.photobucket.com/albums/ll163/kis_me1x/peanut-1.gif" border="0" /></a>
</div>

http://i288.photobucket.com/albums/ll163/kis_me1x/peanut-1.gif adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.

5. Simpan hasil kerja kamu dan lihat hasilnya.

Tidak ada komentar:

Posting Komentar