Code for hidden shoutmix and how to adjust the code to be perfect

Assalamualaikum..

Ni merupakan code untuk hide shoutmix blog aku iaitu Corat Coret Cik Azz.. Letakkan code ni kat sidebar yang terbawah sekali kat design blog korang..

<style type="text/css">
#gb{
position:fixed;
top:60px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:90px;
float:left;
cursor:pointer;
background:url('http://i819.photobucket.com/albums/zz119/servicepetcare/0801280427308510.gif') no-repeat;

}
.gbcontent{
float:left;
border:2px solid #33aaff;
background:#00ff00;
padding:5px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 90-w) : moveGB(100-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">

<!-- Begin ShoutMix - http://www.shoutmix.com --><iframe title="kak-azz" src="http://www5.shoutmix.com/?kak-azz" width="100%" height="360" frameborder="0" scrolling="auto"><a href="http://www5.shoutmix.com/?kak-azz">View shoutbox</a></iframe><br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br /><!-- End ShoutMix -->

<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (90-gb.offsetWidth).toString() + "px";
</script></div>

Ringkasan:

**Yang berwarna purple tu adalah untuk jarak dari atas. Kalau nak letak kat bawah sikit, ubah aje nombor tu..

**Yang berwarna hijau tu adalah URL untuk gambar/icon yang korang gunakan. Jangan sesekali tinggalkan tanda ' yang ada sebelum dan selepas url tersebut..

**Yang berwarna biru tua itu untuk gambar/icon berada di kedudukan yang betul dan tidak termasuk atau terkeluar dari skrin..

**Yang berwarna oren tu aku ubah supaya gambar/icon yang aku gunakan betul-betul berada bersebelahan dengan kotak shoutbox..

**Yang berwarna merah hati tu adalah code untuk shoutbox aku. Gantikan dengan code untuk shoutbox korang sendiri..

**Yang berwarna biru tu aku ubah dari code asal supaya kedudukan icon/gambar yang aku gunakan betul-betul berada di tepi dan tidak termasuk ke dalam bila di klik..

Kesimpulannya: Angka yang terdapat dalam warna biru tua, oren dan biru muda MESTILAH sama iaitu 90 atau apa juga angkanya....

Nota: Korang boleh main-main ubahkan nombor tu untuk mendapatkan shoutmix yang betul-betul sempurna. Setiap kali ubah, kena save dan tengok perubahan yang berlaku..

PERINGATAN: JANGAN sesekali gunakan code hidden shoutbox ni untuk Fibox.. Saya dah terkena dah hari tu... :D