Cara Memasang Show/Hide di Shoutmix

Jika anda mau memasang Shoutmix Show/Hide si sebalah kanan seperti saya yang tulisannya CHATBOX
gini caranya..
pertama : login ke blogger ~ Rancangan ~ Elemen laman ~ add gadget ~ HTML/JavaScript lalu isi HTML 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;
border:2px solid #004831;
background:#000000;
padding:10px;
padding-top:0px;
}
</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="color:red">[ Tutup ]</b></a></div>

Your ShoutBox / Cbox

<div style="text-align:right">
<a href="javascript:void(0)" onclick="gb_showHideGB()"><img src="http://i955.photobucket.com/albums/ae35/exdot46/Blog/Close-1.png"/></a></div>
</td></tr>
</table>
</div>
<script src="http://sites.google.com/site/copycatgroup/Home/jsfile/hiddengb2.js"></script>
<div class="gb_fixed" style="z-index: 5;">
<a href="javascript:void(0)" onclick="gb_showHideGB()"><img alt="a" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig-aYLWj2QJZs6oEz8I3JyG6kn8F_2tZ3xAqQjgvzGSO4mevxD-JURgCUMQNA9Daza6VsE5U-WJomAyQKKTj1wK4NX31Y6V6jWsm1-vaBDRW_4qfRTRw_bO_PbY6Ui5PQLVuV4uRKCdL8r/" style="border: 0pt none; cursor: pointer;" />
</a></div>

•  Keterangan : Warna Biru itu di buat Shoutmix kamu atau Cbox kamu
•  yang berwarna merah silahkan di ganti gambar url kamu

Jika sudah silahkan Simpan.. dan sudah jadi...