Cara Membuat Chatbox Hidden

Biasanya memasang Hidden / Show Chatbox diblog jika blog kita penuh dengan berbagai macam gadget, iklan dsb.. 

Berikut langkah-langkah memasangnya :
1. Login akun blog anda
2. Masuk pada Tata letak (layout)

3. Pilih Elemen halaman (page element)
4. Klik Tambah gadget (add gadget)
5. Pilih HTML/Javascript
6. Masukkan kode berikut ini dalam kolom yang tersedia


Ini Untuk Hidden Di Kiri
 <!-- left hidden chatbox by  http://pelajari-selengkapnya.blogspot.com  START -->
<style>#hcl {position:fixed;top:100px;left:0px;z-index:+1000;}* html #hcl {position:relative;}.hcltab {height:100px;width:30px;float:left;cursor:pointer;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhSzKwhCl51FZhwOIp58m8Y2JIacHSqD0QGaOgvG-NQrhUqpCfIwJWK1dFWSqFB7jn_vPX-VLJ-mg-Tf7VkSF59ixRkJxNzgd6A_tZlV76pyEfuJPRjrqZPzbTZNsI5pIdSU3FljKinYc/s400/cbred-LEFT.png') no-repeat;}.hclcontent {float:left;border:2px solid #790909;background:#f3f6f7;padding:10px;}.hc-credit {font-size:9px}.hc-credit a {text-decoration:none}</style><script type="text/javascript">function showHidehcl(){var hcl = document.getElementById("hcl");var w = hcl.offsetWidth;hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0);hcl.opened = !hcl.opened;}function movehcl(x0, xf){var hcl = document.getElementById("hcl");var dx = Math.abs(x0-xf) > 10 ? 5 : 1;var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;hcl.style.left = x.toString() + "px";if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);}}</script><div id="hcl"><div class="hclcontent">
<!-- KODE SHOUTMIX ANDA -->
<br /><div class="hc-credit"><span style="float:left"><!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE --><a href=" http://pelajari-selengkapnya.blogspot.com/2012/02/cara-membuat-chatbox-hidden.html" target="_blank">Dapatkan Ini</a></span><span style="float:right"><a href="javascript:showHidehcl()">[close]</a></span></div></div><div class="hcltab" onclick="showHidehcl()"> </div></div><script type="text/javascript">var hcl = document.getElementById("hcl");hcl.style.left = (30-hcl.offsetWidth).toString() + "px";</script><!-- left hidden chatbox by  http://pelajari-selengkapnya.blogspot.com/ END --> 


Ini Untuk Hidden Di Kanan
 <!-- right hidden chatbox by http://pelajari-selengkapnya.blogspot.com START -->
<style>#hcr {position:fixed;top:100px;z-index:+1000;}* html #hcr {position:relative;}.hcrtab {height:100px;width:30px;float:left;cursor:pointer;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEvX6XU4ipuxMf4x1nMrpt-OYV7obai_2grXfJt3cOtN0TJqjtJZF6USbYKRyXYwqYrS3V0oT2jgP-_XwX53Mbr_I9AYb5es-h1bJbtNkpEn9o9IgPA_SGHESRKURBYiZnTuDVgCCW0t4/s400/cbblue.png') no-repeat;}.hcrcontent {float:left;border:2px solid #003e82;background:#f3f6f7;padding:10px;}.hc-credit {font-size:9px}.hc-credit a {text-decoration:none}</style><script type="text/javascript">function showHidehcr(){var hcr = document.getElementById("hcr");var w = hcr.offsetWidth;hcr.opened ? movehcr(0, 30-w) : movehcr(20-w, 0);hcr.opened = !hcr.opened;}function movehcr(x0, xf){var hcr = document.getElementById("hcr");var dx = Math.abs(x0-xf) > 10 ? 5 : 1;var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;hcr.style.right = x.toString() + "px";if(x0!=xf){setTimeout("movehcr("+x+", "+xf+")", 10);}}</script><div id="hcr"><div class="hcrtab" onclick="showHidehcr()"> </div><div class="hcrcontent">
<!-- KODE SHOUTMIX ANDA DISINI -->
<br /><div class="hc-credit"><span style="float:left"><!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE --><a href=" http://pelajari-selengkapnya.blogspot.com/2012/02/cara-membuat-chatbox-hidden.html" target="_blank">Dapatkan Ini</a></span><span style="float:right"><a href="javascript:showHidehcr()">[close]</a></span></div></div></div><script type="text/javascript">var hcr = document.getElementById("hcr");hcr.style.right = (30-hcr.offsetWidth).toString() + "px";</script><!-- right hidden chatbox by  http://pelajari-selengkapnya.blogspot.com  END -->