Cara Membuat Shutmix ( Chat Box ) Melayang Di Blog

Membuat Shutmix ( Chat Box ) Melayang di blog sebnarnya tidak terlalu penting. tapi membuat blog lebih bagus di lihat, karena ( Chat Box ) tidak mengambil tempat.
untuk membuat Chatbox Klik DI SINI

Berikut langkah-langkah Membuat Shutmix ( Chat Box ) Melayang Di Blog :

1. login ke Blogger
2. Klik Rancangan
3. Tambah Gadget
4. Pilih HTML/Javascript
5. Masukkan kode berikut ini :
   <!-- right hidden chatbox byhttp://nama blog mu.blogspot.com/START -->
   <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/AVvXsEhBfeuPuqo08JJqxqY_dxF0eznBOxdAvylJcpzz42FY0_PzL0mc876rjMqO1FnMpezKkJ2p0xltuvLH8Hxk1kNtl17QgSpyj-HHZ77fOzUsHAP1oy6a4D5CnlcXMsuqwmL3p985N52Jxt4/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">
   <!-- Begin ShoutMix - http://www.shoutmix.com -->Kode Shutmix yang telah di buat<!-- End ShoutMix -->
   
   <br />
   <div class="hc-credit">
   <span style="float:left">
   <!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE -->
   Get this
   <a href=http://nama blog mu.blogspot.com/
   target="_blank">
   Widget
   </a>
   and
   <a href=http://nama blog mu.blogspot.com/
   target="_blank">
   Desaign!
   </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://nama blog mu.blogspot.com/END -->
6. Simpan 

KETERANGAN

• Tulisan yang berwarna BIRU adalah URL Blog mu
• Tulisan yang berwarna MERAH adalah Kode Shutmix ( CHAT BOX )

Posted in: Tips Blog