Bikin widget atau Gambar melayang di Blog

Mungkin temen-temen juga tertarik untuk membuat Widget atau Gambar melayang di BLOG temen-temen seperti yang ada di Blog saya ini. untuk membuat nya kalian tinggal

masuk menu Layout kemudian masuk Edit HTML

Lalu taruh Code dibawah ini diatas Code ]]></b:skin>

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

Tulisan yang berwarna merah dan tebal diatas itu adalah posisi widgetnya
bottom adalah bawah jika ingin mnaruh diatas bisa kamu ganti dengan top, Left adalah kiri jika ingin mengganti di kanan bisa kamu ganting dengan right

Langkah selanjutnya taruh code dibawah ini yang merupakan widget sebelum Code </body>

<div id="melayang">

<a href='#'><img alt='' height='145' src='http://www.tro-zone.blogspot.com' width='215'/></a>

</div> 


kalo temen-temen pengen pake Gambar tinggal ganti tulisan berwarna merah dengan link Gambar kalian, tapi kalo ingin pake widget, tinggal ganti tulisan dari warna ijo sampe biru pake code widget kalian.

Related Post