Cara membuat ChatBox Melayang Di Blog

Haloo,,
Sorry udh lama gk ngepost -__-

kali ini gw bagi info cara membuat chatbox kamu melayang di blog lu :#
Contoh di blog gw :

Caranya :

• Copy kode dibawah ini.
  

  <!-- right hidden chatbox byhttp://soul-blaze.blogspot.com/START -->
  <style>
  #hcl {
  position:fixed;
  top:35px;
  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/AVvXsEhVifFjLuNTCSMpQxTvZGnBhI8HTw7arBm8EoiDIxFlMyCGly60skhziouFswGTr71Swr4sH3tYg40M-WgJ2kb13jBK22ARzOZqD4DEVhNOIPd5DAkm5RaomKtpIerienre1GuYkRBNfyo/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">
  Letakan Code Chat Box anda disini
  <br />
  <div class="hc-credit">
  <span style="float:left">
  <!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE -->
  Get this
  <a href=http://soul-blaze.blogspot.com/2013/03/cara-membuat-chatbox-melayang-di-blog.html
  target="_blank">
  Widget</a>.
  By:
  <a href=http://soul-blaze.blogspot.com/
  target="_blank">
  Soul Blaze
  </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>
  <!-- right hidden chatbox by http://soul-blaze.blogspot.com/END -->

Keterangan :

1. Ganti yang berwarna Biru dengan url blog sobat.
2. Letakkan kode Chatbox sobat pada kode yang berwarna Merah.

------------------------------------------------------

• Lanjut, Sign In di blog anda, jangan di blog ane yah, hehe.
• Pilih Rancangan -> Tata Letak -> Tambah Gadget.
• Pastekan Kode Diatas, lalu Save.
• Lihat Blog Sobat. Taaraaa...... ChatBox melayang sudah terpasang diblog sobat.

Sekian info cara membuat chat box melayang..
Jangan Lupa Like dan follow yoo!!

Sumber : Zlems Creative™

(?•_•)? Backlink Soul Blaze™

URL

Code For Forum

HTML Code <a href='http://soul-blaze.blogspot.com/2013/03/cara-membuat-chatbox-melayang-di-blog.html' target='_blank'>Cara membuat ChatBox Melayang Di Blog</a>