Memasang ChatBox Shoutmix Hide Show di Kanan atau Kiri Blog

Memasang ChatBox Shoutmix Hide Show di Kanan atau Kiri Blog - ChatBox Shoutmix membantu anda untuk lebih akrab dengan pengunjung blog anda. Untuk memasang ChatBox Shoutmix Hide Show di Kanan/Kiri Blog, silahkan anda simak langkah - langkah berikut :

1. Login ke Blogger
2. Klik Tata Letak kemudian Tambahkan Gadget
3. Setelah itu cari HTML/Javascript
4. Setelah ketemu, masukan kode dibawah ini :

Untuk posisi kanan :

<style>  #hcr {  position:fixed;top:100px;  z-index:+1000;  }  * html #hcr {position:relative;}  .hcrtab {height:100px;width:30px;  float:left;  cursor:pointer;  background:url('http://b.imagehost.org/0611/buku-tamu.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 -->  [close]  </a>  </span>  </div>  </div>  </div>  <script type="text/javascript">  var hcr = document.getElementById("hcr");  hcr.style.right = (30-hcr.offsetWidth).toString() + "px";  </script>

Untuk posisi kiri :

<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/AVvXsEiEt0lrNz6qDdy7YMop_QNOksD4TThK_W0qoWbpBgLZ6-sZTkXYCrl1WctYiXuByLhX3UjpmUNUuSFoyLTIB45T0gPJJe_zgjY5V0mzpnqv-lOi76dKd5ix05Js2WzIWD5iYfT95h09L4g/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 DISINI -->  <br />  <div class="hc-credit">  <span style="float:left">  <!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE -->  [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>

Sekian informasi yang dapat admin berikan. Semoga Memasang ChatBox Shoutmix Hide Show di Kanan atau Kiri Blog ini dapat bermanfaat untuk anda. Terima kasih