Cara Membuat Chat ShoutBox Hidden Buatan Anak Indonesia di Blog

Beberapa hari yang lalu shoutmix.com sudah tidak lagi menggratiskan fiturnya, dan kebanyakan para blogger menggunakan shoutmix di situs tersebut, dan sudah pasti shoutmix tersebut tidak bisa di gunakan lagi, tapi jangan kuatir.. terdapat shoutbox buatan anak INDONESIA yang jauh lebih keren dan lebih inovatif dimana shoutbox tersebut anda bebas mengedit semua warna latar, border, teks dll. dan cara bikinnya pun begitu mudah. bagi yang ingin memasang untuk menggantikan shoutmix dengan shoutbox buatan anak Indonesia ini silahkan anda berkunjung ke situs ini http://www.triaklah.com untuk langkah selanjutnya silahkan anda daftar dulu. setelah terdaftar anda akan di beritahukan untuk login.. setelah itu anda lakukan langkah-langkah pembangunan shoutbox anda secara gratis.

setelah itu pasang di blog sobat kode berikut... caranya :

1. login blogger disini
2. <Rancangan> <elemen laman>
3. pilih tambah gadget
4. HTML/javascript
5. copy/paste kode berikut
   
   
   <style type="text/css">
       #gb{
       position:fixed;
       top:100px;
       z-index:+1000;
       }
       * html #gb{position:relative;}
       .gbtab{
       height:100px;
       width:30px;
       float:left;
       cursor:pointer;
       background:url('http://i1108.photobucket.com/albums/h411/adhiejapannezz/5-2.png') no-repeat;
       }
       .gbcontent{
       float:left;
       border:2px solid #000000;
       background:#F5F5F5;
       padding:0px;
       }
       </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 shoutbox anda disini
   
   <br/>
   <blink><font color="red">&nbsp;&nbsp;&nbsp;Happy new year 2012, use shoutmix indonesia on <a href="http://teriaklah.com">teriaklah.com</a></font></blink>
       <br/>
       <a href="http://adhiejapannezz.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 = (0-gb.offsetWidth).toString() + "px";
       </script>
6. klik SAVE

INFO PENTING !!!

karena disini saya membagikan tips shoutbox hidden, maka anda harus menyesuaikan "widht and hight" background dengan shoutbox yang anda bangun...