Cara Membuat Buku tamu Tersembunyi Alias Hidden Shoutmix di Blogspot

shoutmix

Buku tamu yang banyak digunakan oleh para blogger yang pastinya tidak asing lagi adalah SHOUTMIX. to the point aja ya biar singkat, padat dan jelas...

ikuti langkah berikut :

1. Miliki shoutmix chat widget terlebih dahulu, caranya silahkan logon di link berikut http://www.shoutmix.com/main/ klik create shoutbox dan silahkan anda mengikuti langkah-langkahnya, setelah siap anda akan diberi kode HTML, dalam kode tersebut anda bisa mengatur luas datar shoutmix chat widget tersebut sesuai keinginan anda.
   
2. Login ke blog anda setelah itu masuk ke <rancangan> dan <tambah gadget> dan <HTML/javascript> copy kode brikut :
   
   <style type="text/css">
       #gb{
       position:fixed;
       top:50px;
       z-index:+1000;
       }
       * html #gb{position:relative;}
       .gbtab{
       height:100px;
       width:30px;
       float:left;
       cursor:pointer;
       background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;
       }
       .gbcontent{
       float:left;
       border:2px solid #A5BD51;
       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">
   masukkan kode HTML shoutmix chat widget anda disini
   
   <br/>
       <br/>
       <a href="http://forantum.blogspot.com">.
       </a>
       <div style="text-align:right">
       <a href="javascript:showHideGB()">
       [close]
       </a>
       </div>
       </div>
       </div>
       <script type="text/javascript">
       var gb = document.getElementById("gb");
       gb.style.right = (30-gb.offsetWidth).toString() + "px";
       </script>
   
   
   dan klik SIMPAN.
   
   selamat mencoba dan semoga bermanfaat infonya.

Brikan Komentar Anda