Selasa, 14 Februari 2012

Widget YM Melayang

Langkah-langkahnya adalah :

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

0 komentar: