Hidden Chatbox

Ini cara membuat hidden chatbox
1 . Login ke Blogger
2 . Klik Rancangan
3 . Klik Elemen Laman
4 . Tambah Gadget
5 . Pilih Html/Javascript.

6 . Lalu tambah code 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/Shoutmix kamu )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/Shoutmix kamu di sini

</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/Shoutmix kamu  disini" />

</a>

</div>                                      

Catatan : 

♣Warna orange bisa kamu ganti dengan posisi Chatbox/Shoutmix (CB/SM) anda 

♣Warna hijau ganti dengan URL background  CB/SM kamu 

♣Warna merah anda ganti dengan script (kode) CB/SM kamu

♣Warna biru ganti dengan URL Icon CB/SM kamu, kamu bisa pakai icon CB/SM yang kamu punya  

♣Ganti juga kata TUTUP dengan kata-kata yang kamu inginkan untuk menutup buku tamu :) 

Kalau membantu jangan lupa komentar ya :)