HOW to HIDDEN CHAT BOX

nahh xD, dah lama ga post tutorial ini =3
kali ini aku akan ngasih tutorial cara meng-Hiden Chat Box like me x33

Nah, pertama-tama login ke bloger >> Rancangan >> Klik Tata letak >> klik add gadget >> pilih HTML java script





copas kode di bawah ini

    <style type="text/css">

    .gb_fixed{

    position:fixed;

    top:0px; right:0px;

    z-index:+10;

    }

    * html .gb_fixed {position:relative;}

    #hidden_gb2 {

    display:none;

    background: url( Masukkan URL Background Chatbox )repeat;

    color:#000;

    padding:10px 10px 10px 10px;

    -moz-border-radius-topright:10px;

    -webkit-border-top-right-radius:10px;

    -moz-border-radius-bottomright:10px;

    -webkit-border-bottom-right-radius:10px;

    -moz-border-radius-topleft:10px;

    -webkit-border-top-left-radius:10px;

    -moz-border-radius-bottomleft:10px;

    -webkit-border-bottom-left-radius:10px;

    -webkit-box-shadow: 2px 2px 4px #8bd268;

    -moz-box-shadow: 2px 2px 4px #8bd268;

    }

    </style>

    <div class="gb_fixed">

    <table id="hidden_gb2" cellpadding="0" cellspacing="0">

    <tr><td>

    <div><a href="javascript:void(0)" onclick="gb_showHideGB()"><b style=" background:-moz-linear-gradient(top, #051547, #999, #051547); color:#6cec17;

    padding:10px 10px 10px 10px;

    -moz-border-radius-topright:10px;

    -webkit-border-top-right-radius:10px;

    -moz-border-radius-bottomright:10px;

    -webkit-border-bottom-right-radius:10px;

    -moz-border-radius-topleft:10px;

    -webkit-border-top-left-radius:10px;

    -moz-border-radius-bottomleft:10px;

    -webkit-border-bottom-left-radius:10px;

    -webkit-box-shadow: 2px 2px 4px #8bd268;

    -moz-box-shadow: 2px 2px 4px #8bd268;">TUTUP</b></a></div>

    Masukkan script Chatbox

    </td></tr></table>

    </div>

    <script src="http://kangdadang.googlecode.com/files/shouteffect.js"></script>

    <div style="z-index:+5" class="gb_fixed">

    <a href="javascript:void(0)" onclick="gb_showHideGB()">

    <img border="0" src="Masukkan URL Icon Chatbox" />


    </a>

    </div>                                     

PS  :


   -      warna Biru bisa km ganti untuk posisi chat box yg km inginkan

   -      warna Kuning bisa km ganti dengan URL background Chat box km

   -      warna Ungu , letakkan script Chat box (Kode) mu

   -      warna orange , km ganti dengan URL gambar untuk Chat box km

blom punya akun Chat box??
klik INI

selamat mencoba :)

credit : Urfie