Membuat Chatbox yang bisa Sembunyi

Tetap ingin berbagi info walaupun sedang menjalankan ibadah puasa.karena disamping berpuasa saya ingin membagikan info ini kepada anda.
apabila ada beberapa orang yang sudah mengetahui cara ini silahkan dan diperkenankan tidak membca artikel saya yang satu ini.karena saya hanya ingin berbagi kepada anda semua yang mungkin belum mengetahui cara ini.
Seperti contoh screenshot di bawah ini adalah chatbox yang bersembunyi di samping halaman dengan background transparan.

karena menurut saya lebih efektif dibuat seperti ini,ya mungkin yang berkunjung bisa lebig tertarik kepada customisasi blog kita dan terutama pada isi blog tersebut.
Berikut caranya :
Untuk Preview nya silahkan cek di www.brainadham.co.cc
1.Log in akun blogger anda
2.pilih menu rancangan
3.add HTML / Javascript gadget
4.Bagi yang belum mempunya akun shoutmix daftar dulu di Shoutmix Chat Widget
5.Kemudian anda copy dan paste kode dibawah ini ke gadget yang sudah anda tambahkan sebelumnya

<!– Mulai Hidden Widget –><br /> <style type=”text/css”> .gb_fixed{ position:fixed; top:40px; /*jarak dari atas*/ right:0px; /*jarak dari samping kanan*/ z-index:+1000; } * html .gb_fixed {position:relative;} #hidden_gb { display:none; border:2px solid #A5BD51; /*ketebalan dan warna kotak*/ background:0; /*warna latar*/ padding:5px 10px 0px 10px; } </style><br /> <div><table id=”hidden_gb” cellpadding=”0″ cellspacing=”0″><tr><td><br /> <!– Gambar Atas –><br /> <div style=”text-align:center;”><a href=”javascript:void(0)” onclick=”gb_showHideGB()” title=”Close/Tutup”><img style=”border:0px; width:0px; height:auto;” alt=”Guestbook” src=”http://sites.google.com/site/ruangsc/imgsb/guestbook.png” /></a></div><br /> <!– Begin ShoutMix – http://www.shoutmix.com –><iframe title=”lastinspiration” src=”http://www.shoutmix.com/?lastinspiration” width=”100%” height=”400” frameborder=”0″ scrolling=”auto”><a href=”http://www.shoutmix.com/?lastinspiration”>View shoutbox</a></iframe>
<a href=”http://www.shoutmix.com” title=”Get your own free shoutbox chat widget at ShoutMix!”>ShoutMix chat widget</a>
<!– End ShoutMix –><br /> <br /> <br /> <br /> <script type=”text/javascript” src=”http://enes-sc.googlecode.com/files/hiddenwidget.js”></script><br /> </td></tr> </table></div><!– Gambar Samping –><br /> <div style=”z-index:+5″><a href=”javascript:void(0)” onclick=”gb_showHideGB()”><br /> <img style=”border:0px;” src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPSVEDkjfoGTlFyfSLiD34sLoQDYm4UuDDaTI0aFc2ykzxYFTDGBmWpZc9n8mrXdJQYHjqxksMTFowNEtZUfG31kcUmvCZC6pRwfpDcoMh-poVHxGuOZLaCDUARbFm5TbtA1m6zKouxMI/s400/cbred.png” /></a><br /> </div><!– Selesai Hidden Widget –><br /> <br />

 Sumber : http://gustavpc.wordpress.com/2011/08/02/membuat-chatbox-hidden-di-samping/