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!! Penting :Untuk nama ID YM,gambar photo,link anda tentukan nama sendiri. Memang sebaiknya,sebelum kode di letakkan,edit telebih dahulu ke dalam notepad. Sumber :http://master-blog-ayiek.blogspot.com/

Bagikan posting ini di:

Anda sedang membaca artikel tentang Membuat Object Always on Top dan anda bisa menemukan artikel Membuat Object Always on Top ini dengan url http://pelajaran-blog.blogspot.com/2009/01/membuat-object-always-on-top.html,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Membuat Object Always on Top ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Membuat Object Always on Top sumbernya.