Membuat Object Always on Top

Membuat gambar pada halaman situs yang akan selalu nongol,ternyata tidaklah susah.Mungkin sering kita jumpain pada situs-situs penawar produk atau bisnis.

Di geliat-bisnis.blogspot.com,anda bisa melihat di kanan bawah yang bergambar banner blog,yang selalu ikut meskipun scroll kita naik turunkan.

Untuk membuatnya ikuti langkah-langkah di bawah ini :

Pertama,pergi ke Tata letak (untuk blogspot) Edit Html ,cari kode :

---

]]></b:skin>

---

Klo dah ketemu,letakkan kode di bawah ini tepat di atas kode tersebut.

---

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

---

**Untuk merubah posisi,anda bisa mengubah dari bottom menjadi top dan left menjadi right.Untuk ukuran anda tentukan sendiri.

Masih di Edit Html,selanjutnya,cari kode :

---

</head>

---

Klo dah ketemu,copy paste kode dibawah ini,dan letakkan tepat diatas kode tersebut :

Ada 2 pilihan tampilan :

1.Copy paste kode dibawah ini untuk menampilkan image beserta linknya :

---

<div id="'pojok'"> <a href="'http://alamat-blog-anda.blogspot.com'"><img src="'http://alamat-url-gambar-or-poto-anda.jpg'" border="'0'" height="'isiterserahanda'" width="'isiterserahanda'/" /></a> </div>

---

2.Copy paste kode dibawah ini untuk menampilkan image,link,kata dan status YM:

---

<div id="'pojok'"> <table bgcolor="'pink'" width="'350'"><tr><td align="'center'"><img src="'http://alamat-url-poto-anda.jpg'/" /><a><blockquote/><a href="'ymsgr:sendIM?TULISAN"><img border="'0'" src="'http://opi.yahoo.com/online?u=" m="g&t=" width="'95'/" /></a></a></td><td bgcolor="'yellow'"><div align="'justify'" style="'font-weight:bold;"> ANDA DISINI</div></td></tr></table> </div>

---

Selesai!!