Membuat Chat Box & Status YM

Trik ini kombinasi copas sana sini, yaitu box/windows yang bisa buka/tutup jika diklik,  lalu chat box YM dan ditambahkan status YM kita dibawah..
Trik ini selain membuat simple tampilan blog, juga mengurangi beban loading, karena chatbox baru di loading saat kita tekan tombolnya.. keuntungan lain adalah semua orang bisa chat dengan kita meski tanpa berteman (seperti Customer Service). Dan yang terakhir status online atau offline dari YM kita akan langsung terdeteksi oleh pengunjung... wes gitu aja basa basinya..

Saya anggap anda sudah mengerti cara menambah widget - HTML (klo gak ngerti tanya sama mbah google), dan  sudah punya ID YM, serta tahu membuat Messenger Ping box. kode/script pingbox nantinya menggantikan script yang berwarna merah.
Lalu copas script dibawah ini dan dimasukkan kedalam widget-html... beres :


________________________________________________________________________
<div>
<div style="margin: 0px;">
<div class="smallfont" style="margin-bottom: 0px; margin-top: 0pt;">
<span style="">
</span><input value="Ngobrol Yuk" style="margin: 0px; padding: 0px; width: 155px; font-size: 12px;" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Tutup&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Buka Obrolan&#39;; }" type="button" />
</div>
<div class="alt2" style="border: 0px inset; margin: 0px; padding: 0px;">
<div style="display: none;">

<embed id="pingboxdu5lmchnh9w00" type="application/x-shockwave-flash" src="http://wgweb.msg.yahoo.com/badge/Pingbox.swf" width="170" height="400" flashvars="wid=qKa4CcK5Vma88r4k5TUEhmCOYQ--" allowscriptaccess="always" />

</embed></div>
</div>
</div>
</div>
<img src="http://opi.yahoo.com/online?u=budieko&amp;m=g&amp;t=1" border="0" />
___________________________________________________________

Gantikan script/kode warna biru dengan script dari pingbox anda, dan teks warna merah dengan ID YM anda...

selesai...