Membuat Widget YM Melayang

Fasilitas Yahoo Massenger (YM) disisipkan pada sebuah blog dengan tujuan agar jika sang empunya blog sedang online, maka pengunjung blog bisa langsung menyapanya. Namun jika biasanya ikon YM diletakan di sidebar blog, maka kali ini ikon TM tersebut akan dibuat melayang ( tidak menempel diarea blog ). Penasaran kan !!! Ayuk kito orang buot Yahoo Massengger saja Uda ,,

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 'achmadtk07'.

Simpan Template dan lihat hasilnya.

Penting :
Untuk Mengganti ikon Ym, Anda cukup mengganti kode 't=1' saja, contoh ikon t=1 >

• t=2 , 

• t=5 , 

• t=6 , 

• t=7 , 

• t=8 , 

• t=9 , 

• t=10 , 

• t=11 , 

• t=12 , 

• t=13 , 

• t=14 , 

• t=15 , 

• t=16 , 

Share