Widget YM Melayang

Setelah dalam postingan sebelumnya saya membahas tentang berbagai bentuk dan cara memasang icon YM,sekarang saya akan coba membahas bagai mana caranya membuat icon yahoo mesengget tersebut melayang / tidak menempel pada areal blog kita.

Mungkin trik2 sepert ini sudah banyak di bahas di sana sini tapi artikel ini saya tulis hanya untuk arsip saja dan mungkin bagi teman2 yg belum mengetahuinya saja,bila ada yg tau lebih banyak silahkan di share di mari..

Nah ga usah terlalu panjang lebar yah mari kita praktek saja langsung.untuk membuat widget ym kita melayang caranya sbb:

1. Masuklah ke halaman Dashboard > Tata Letak > Edit HTML.

2. Copy paste kode berikut dan letakan tepat 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); }

3. Sesuikan dengan keinginan anda sendiri. Contoh, jika ingin meletakan disebelah atas, gantilah bottom menjadi Top. Lalu untuk meletakan di sebelah kanan gantilah Left menjadi Right.

4. Jika sudah, Copy pastekan kembali kode ini dan letakan tepat di atas </body>

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

5. Jangan lupa, gantilah kode yang berwarna merah ( YmKamu ) dengan id YM anda sendiri. Misalnya          'ymkamu'.

6. Bila sudah punya widgetnya dan hanya ingin membuat widget teman2 melayang saja silahkan cukup menambah script yg berwarna kuning saja pada widget teman2 lewat edit HTML / Java script editornya

Simpan Template dan lihat hasilnya

selamat mencoba.
senang rasanya bisa berbagi