CARA MEMBUAT WIDGET MELAYANG DI BLOG

cara membuat widget melayang di blog

Cara membuat widget / gambar bergerak di pojok sangat mudah
Berikut Caranya :

1. Login blog anda 
2. Masuk ke rancangan
3. Edit HTML jangan lupa centang expand template widget
4. Cari kode ]]></b:skin>
5. Lalu copy kode di bawah ini dan letakkan diatas kode ]]></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 widgetnyabottom 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="ISI NAMA BLOG KAMU"> <img src="ISI DENGAN WIDGET SESUKA ANDA"/>
</a>
</div>

Teks warna biru bisa anda ganti dengan link di bawah ini 

http://i548.photobucket.com/albums/ii321/ayasofia/MariposaanimadoT68i.gif

http://i548.photobucket.com/albums/ii321/ayasofia/cat_5.gif

http://i548.photobucket.com/albums/ii321/ayasofia/silahkan.gif

http://i548.photobucket.com/albums/ii321/ayasofia/DRUIDD.gif

http://i548.photobucket.com/albums/ii321/ayasofia/vf.gif

 http://i996.photobucket.com/albums/af83/uzumaki_sanras/naruto_vs_sasuke.gif

                                                                     

                                                                         http://i892.photobucket.com/albums/ac124/puppygirl277/naruto-vs-sasuke.gif

sumber : jackcrausher.blogspot.com


Diposkan oleh : Muhammad Choirul Abidin