Membuat Objek Melayang (Floating Object)

Membuat objek (Gambar atau tulisan) yang melayang didalam blog yang tidak terpengaruh oleh scorll mouse. Contohnya seperti widget user online di pojok kiri bawah blog ini.

Untuk membuatnya adalah sbb :

1. Login ke Blogger dan buka Edit HTML.
2. Cari kode ]]></b:skin>, copy scrip dibawah ini dan letakkan di atas kode ]]></b:skin>. Kode yang berwarna merah bisa di rubah top (atas) dan right (kanan)

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

3. Cari kode </body> dan letakkan script di bawah ini diatas kode </body>. Kode yang berwarna merah gantilah dengan alamat gambar yang ingin ditampilkan.

<div id='flying'>
<img src="http://2.bp.blogspot.com/_bL0lqaUaUYg/SejKrLU_ydI/AAAAAAAAAT0/T-RQtAOc_YQ/s320/blogbanner.JPG" /></a>
</div>

Semoga bermanfaat.

Get This

Artikel Terkait