Cara Membuat Gambar "Melayang" pada Blog

Pernah kan, kita melihat ada gambar yang diam pada suatu blog, walaupun layarnya kita scroll?
ya, ga jauh-jauh, misalnya gambar yang ada pada pojok blog ini...

cara membuatnya adalah sebagai berikut:

1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode ]]></b:skin> setealah itu, taruh kode berikut ini di atasnya.

#gambar {
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); }

6. Selanjutnya Cari kode jika sudah ketemu, tempatkan kode berikut ini di atasnya.


<div id='gambar'>
<a href='http://andi-site.blogspot.com'>
<img border='0' src='http://www.your3dsource.com/images/3_01.gif'/></a>
</div>
<script src=''/>

Kita bisa ganti bottom dengan top dan left dengan right. Sesuai dengan letak yang kita inginkan
Kalau mau ganti gambarnya, caranya ganti aja URL http://www.your3dsource.com/images/3_01.gif dengan URL gambar anda yang suka.

7. Simpan Template
8. Selesai