Cara Buat Widget YM Melayang

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 dicetak tebal ( 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

Tweet

Anda Sudah Membaca Cara Buat Widget YM Melayang Thanks for reading! Suka dengan artikel ini? Please link back artikel ini dengan share Facebook like diatas/sharing tool. Copy paste wajib dengan ijin saya, serta menggunakan link sumber seperti di bawah. Gunakan etika. Saya akan berlakukan DMCA COMPLAINT secara langsung tanpa pemberitahuan atas copas tanpa mengikuti ketentuan yg berlaku. (MENCURI adalah pekerjaan PENGECUT ! © room-tutorial.blogspot.com)