Cara Menyembunyikan ChatBox - Kontere | Konten Kolpodere

Setelah sekian lama saya tidak memposting karena masih sibuk ujian, akhirnya saya bisa kembali memposting kepada anda. Kali ini saya akan membagikan kepada anda Cara Menyembunyikan ChatBox. Agan semua pasti tahu apa itu chatbox, karena banyak sekali blogger yang memasang chatbox di blognya masing-masing. Akan tetapi, chatbox agak sedikit menghalangi "pemandangan" di blog anda jika chatbox ini dibiarkan terbuka di halaman blog anda. Nah saya akan memberikan caranya agar chatbox tersembunyi.
Berikut adalah caranya :

1. Masuk ke blogger.
2. Pilih Layout (Tata Letak) » Page Elements (Elemen Laman).
3. Klik tulisan Add a Gadget (Tambah Gadget).
4. Pilih gadget HTML/JavaScript.
5. Copy-paste kode berikut di bagian konten.
   
   <!-- right chatbox hidden from http://lovelizzers.blogspot.com/ START -->
   <style>
   #hcr {
   position:fixed;
   top:100px;
   z-index:+1000;
   }
   * html #hcr {position:relative;}
   .hcrtab {
   height:130px;
   width:30px;
   float:left;
   cursor:pointer;
   background:url('http://mob737.photobucket.com/albums/xx17/arisyudha/Chatbox-1.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">
   
   MASUKKAN SCRIPT CHATBOX ANDA DISINI
   
   <br />
   <div class="hc-credit">
   <span style="float:left">
   <!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE -->
   <a href="http://lovelizzers.blogspot.com/2011/06/menyembunyikan-shoutmix-chatbox-chatbox.html" target="_blank">
   Get this widget!
   </a>
   </span>
   <span style="float:right">
   <a href="javascript:showHidehcr()">
   [close]
   </a>
   </span>
   </div>
   
   
   <script type="text/javascript">
   var hcr = document.getElementById("hcr");
   hcr.style.right = (30-hcr.offsetWidth).toString() + "px";
   </script>
   <!-- right chatbox hidden from http://lovelizzers.blogspot.com/ END -->
   
6. Simpan gadget.

Sekian dan semoga artikel ini dapat bermanfaat bagi anda.