Andi Site

Pages

Link Berkaitan

Wednesday, July 29, 2009

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


5 komentar:

silvi4 said...

wah, saya juga mau coba nih

bungKeren said...

bagaimana cara mencari kode yang ada tulisan "skin" tsb, saya tidak ketemu-ketemu?

andi said...

cari aja pake fasilitas find (ctrl+f), trus dikolomya tulis yang pengen dicari...

rkh0 said...

gw jga mw coba ah!

info laptop said...

aku coba yah gan ^^

Post a Comment

Artikel Terkait

komentar terakhir