Cara Membuat Hidden Chat Box

Translate

___________________________________________________________

Kita kadang ingin berkomunikasi dengan pengunjung blog kita. Alternatifnya  adalah menggunakan shoutbox. Bagaimana cara membuatnya? Pertama-tama, pergi ke Shoutmix. Sign up dan dapatkan kodenya. Lalu Pergi ke Blogger kita. Klik Design-> Page Elements->Add a Gadget. Tambahkan kode dibawah.  
 <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/AVvXsEj5-efO88Cp7LicbIxwxIHwJbBDBkhZwV_ZWMGL7I5-RAwJz6o2LPlgpFSvvJ0zdXWiUw4IvWv5tkV71TxeyaSKcQZ2jYxEr1t35-wRImEak8eYrbp2Sc_YiM1wlO_81dDVffGyTPUnVx4/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><br /> <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><br /> <div id="hcr"><div class="hcrtab" onclick="showHidehcr()"></div><div class="hcrcontent"><br /> KODE SHOUTMIX ANDA DISINI<br /> <br /> <br /><br /> <div class="hc-credit"><span style="float:left"><br /> </a><br /> </span><br /> <span style="float:right"><br /> <a href="javascript:showHidehcr()"><br /> [close]<br /> </a><br /> </span><br /> </div></div></div><script type="text/javascript"> var hcr = document.getElementById("hcr"); hcr.style.right = (30-hcr.offsetWidth).toString() + "px"; </script>


Klik Save Template