Widget melayang

Pembahasan sebelumya saya sudah menjelaskan tentang Cara Menampilkan Status YM di Blog, nah sekarang bagaimana caranya agar memebuat status YM kita melayang - layang "Widget melayang". fungsinya jika anda menggeser scroll bar browser widget ini, status YM akan selalu berada ditempatnya dan tidak mengikuti scroll bar alias hanya diam ngak bergerak sama sekali. Jika kurang jelas silahkan contoh gambar dibawah ini :

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 :)

Oya kode yang berwarna biru bisa anda ganti dengan widgte yang anda suka, jika ada pertanyaan tentang widget melayang silahkan comment... :)

 

Terimakasih sudah mengunjungi blog ini... :D