cara membuat buku tamu melayang di kanan blog

cara membuat buku tamu  melayang di kanan blog


Step 1: Where are you installing your Cbox?  A generic HTML block (default) Forums Blogger / Blogspot ExpressionEngine 1.6.x Joomla MyLeague.com phpBB 3.x Simple Machines Forum (SMF) Webs.com Windows Live Spaces Xanga.com  

Step 2: Choose a variation:   Inline (default)Popup LinkFloating buttonDeferred load 

Step 3: Get your code

5. <style type="text/css">
   #gb{
   position:fixed;
   top:60px;
   z-index:+1000;
   }
   * html #gb{position:relative;}
   
   .gbtab{
   height:100px;
   width:30px;
   float:left;
   cursor:pointer;
   background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTcSvSNdZbHeO0LUQfKk4iFvBtirwx588Rck-s0ozpJRvzHGOov_cN3e5HrzBCQADgKAN79YQN3JIgqkstnDdsCzU0SjuLhMA0VNhWw4GQ4erNckyRqwKEgo9yBtxiDFpv0UhWemSAHoo/s1600/ChatBox-.png') no-repeat;
   }
   .gbcontent{
   float:left;
   border:3px solid #000000;
   background: #F5F5F5;
   padding:10px;
   }
   </style>
   <script type="text/javascript">
   function showHideGB(){
   var gb = document.getElementById("gb");
   var w = gb.offsetWidth;
   gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
   gb.opened = !gb.opened;
   }
   function moveGB(x0, xf){
   var gb = document.getElementById("gb");
   var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
   var dir = xf>x0 ? 1 : -1;
   var x = x0 + dx * dir;
   gb.style.right = x.toString() + "px";
   if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
   }
   </script>
   <div id="gb">
   <div class="gbtab" onclick="showHideGB()"> </div>
   <div class="gbcontent">
   
   ..:: Paste Kode Buku Tamu Sobat Disini ::..
   
   <div style="text-align:right">
   <a href="http://kolombloggratis.blogspot.com">
   [Free ShoutMix]
   </a>
   </div>
   </div>
   <script type="text/javascript">
   var gb = document.getElementById("gb");
   gb.style.right = (30-gb.offsetWidth).toString() + "px";
   </script></div>

........................................................................................

  

Step 4: Install your Cbox

1. Copy your code to the clipboard by clicking the button above.
2. Sign in at blogger.com / blogspot.com.
3. On your blog, click on Design.
4. Click Add a Gadget.
5. Choose HTML/JavaScript, click the content box and paste your code in it by pressing Ctrl+V.
6. Save the changes.