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 bannerblog,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 menjadiright.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!! 


Penting :Untuk nama ID YM,gambar photo,link anda tentukan nama sendiri.
Memang sebaiknya,sebelum kode di letakkan,edit telebih dahulu ke dalam notepad.




Tidak ada komentar:

Poskan Komentar

 
DISCLAIMER : Wenda ShopOnline™ | Online Shop and Share Anything: Membuat Object Always On Top is an Independent Blog that is private. This does not represent the Company, Agency or any Organization. All content on this blog aims to promote and share information.