Membuat Widget melayang

Begini cara membuatnya :


Langkah pertama anda masuk ke menu Layout atau Tata Letak kemudian masuk Edit HTML Lalu taruh Code dibawah ini diatas Code ]]></b:skin>




#melayang {
position:fixed;_position:absolute;top:0px;right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

Huruf yang berwarna merah diatas adalah posisi widgetnya "status YM" TOP adalah atas sudut kanan jika ingin menaruh di bawah kamu bisa ganti dengan Bottom, right adalah kanan jika ingin mengganti di kiri bisa kamu ganti dengan left.
Langkah selanjutnya taruh code dibawah ini yang merupakan widget sebelum kode </body>




<div id="melayang">

<a href="ymsgr:sendIM?Id_Ym_Kamu"> <img src="http://opi.yahoo.com/online?u=Id_Ym_Kamu&amp;m=g&amp;t=1&amp;l=us"/>

</a>
</div>

Nah Code yang berwarna biru diatas itu adalah staus YM yang merupakan widgetnya bisa kamu ganti. Jika ingin lebih lengkapnya baca tentang cara menampilkan status YM di blog .

Kemudian SAVE, dan lihat hasilnya :)

Posting Komentar

Kalender