Tutorial Hide Shoutmix

Assalamualaikum~

Nak buat tuto japp.. Kawan yang request..

Hide shoutmix nih.. Yang kita boleh letak gambar tu.. Hmm..Camne nak terangkan ek? Kat blog saya takde pun..Haha..

Korang ikut step ni..

Bukak Dashboard..Lepas tu, Design.. Lepas tu Add Gadget..Lepas tu HTML and Javascript.

Copy benda alah bawah neh

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:350px;
width:140px;
float:left;
cursor:pointer;
background:url('URL GAMBAR') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #00000;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 150-w) : moveGB(170-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">
KOD SHOUTMIX/CBOX KORANG
<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 = (140-gb.offsetWidth).toString() + "px";
</script>

nota: Oren- saiz untuk kesesuaian blog anda. 

merah- URL GAMBAR..

BIRU- Kod shoutmix korang le..

Freebies..

http://i1185.photobucket.com/albums/z344/kusyi03/shoutkimbum.png

Daa..

Salam~