Membuat Chatbox di blogger

. Met Siang gan ane maw posting tentang Cara membuat ChatBox Yang Lengkap dengan isinya
langsung aj:

• Login Ke Blogger
• masuk ke bagian tata letak
• Klik tambah gadget 
• pilih Html/Javascript
• lalu copas kode di bawah ini

 

<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/AVvXsEixhyphenhyphenzAjwhguIp9NB9GCzZHdy0-uqXAQYNopo9aV5J6lfi2_YpRXhV56ant6N7ACW2D_C-2SL13kL9lcjFbsliFlPAUnD1v6sViT_38cdDgbNrEIo6Mdzw_JLKZ0h0LtVOZkuNqSSUJa4E/s400/cbblue.png') no-repeat; } .hcrcontent { float:left; border:2px solid #008232; 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"> <!-- BEGIN CBOX - www.cbox.ws - v001 --> <div id="cboxdiv" style="text-align: center; line-height: 0"> <div><iframe frameborder="0" width="200" height="305" src="http://www5.cbox.ws/box/?boxid=709403&boxtag=7t4jh5&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain5-709403" style="border: 0px solid;" id="cboxmain5-709403"></iframe></div> <div><iframe frameborder="0" width="200" height="75" src="http://www5.cbox.ws/box/?boxid=709403&boxtag=7t4jh5&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform5-709403" style="border: 0px solid;border-top:0px" id="cboxform5-709403"></iframe></div> </div> <!-- END CBOX --> <br /> <div class="hc-credit"> <span style="float:left"> <!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE --> <a href="http://www.monggomampir123.blogspot.com/" target="_blank"> BY Monggo Mampir </a> </span> <span style="float:right"> <a href="javascript:showHidehcr()"> TUTUP </a> </span> </div> </div> </div> <script type="text/javascript"> var hcr = document.getElementById("hcr"); hcr.style.right = (30-hcr.offsetWidth).toString() + "px"; </script>

• dah simpan