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


Rate this article

Getting Info...

5 comments

  1. wah, saya juga mau coba nih
  2. bagaimana cara mencari kode yang ada tulisan "skin" tsb, saya tidak ketemu-ketemu?
  3. cari aja pake fasilitas find (ctrl+f), trus dikolomya tulis yang pengen dicari...
  4. gw jga mw coba ah!
  5. aku coba yah gan ^^

Copyright ©Celitama.com - All rights reserved.

Redesign by bloggun.xyz
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
More Details