3622t copy
| SELAMAT DATANG DI 41nktea.blogspot.com | | TERIMA KASIH ATAS KUNJUNGANNYA |

Mei 15, 2010

Widget YM Floating / 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 ).
1. Masukla 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?Ym Kamu"> <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 ( Ym Kamu ) dengan id YM anda sendiri. Misalnya 'achmadtk07'. Simpan Template dan lihat hasilnya. Peringatan: Untuk Mengganti ikon Ym, Anda cukup mengganti kode 't=1' saja, contoh ikon t=1
• 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
 
  
Paste kode di atas di widget / sidebar blog Anda..  Dan lihat hasilnya. Semoga bermanfaat.....:D