Andi's Blog

Membuat Gambar Melayang di Pojok

wah... gambar melayang...
udah ah males basa- basi, lihat no yang dibawah, to contoh yang ane maksud..tertarik kagak???
Nha Kalo dah tahu dan pingin mencobanya mari ikuti trik berikut ini:

1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.

#melayang_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="melayang_pojok">
<a href="http://tipsblogging.blogspot.com">
<img src="http://i603.photobucket.com/albums/tt115/lalastarrr/emoticon/innocence.gif" border="0" /></a>
</div>

"http://tipsblogging.blogspot.com" adalah link. ganti dengan link kamu.
"http://i603.photobucket.com/albums/tt115/lalastarrr/emoticon/innocence.gif" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.


6. Simpan hasil kerja kamu dan lihat hasilnya.