sembunyikan shoutmix

pagi ini ikaa xde klas...tb2 jew tingat nk wt tutorial lak....

dlu ms ikaa mula2 join blogger..ikaa xtw gak cmne nk smbunyikan shoutmix

tgk owg len sume cntik2...kan2??

so jom ikut ikaa ajarkan!!

1.  Dashboard > Page element > Add gadget > HTML/javascript

2.  copy code di bawah ini.

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i525.photobucket.com/albums/cc335/honey_sapphire_photos/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-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">


CODE SHOUT ANDA

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

3.  then tekan save and priview...OK X??

merah : gambar url shoutmix kowg guna photibucket ye
biru: code shoutmix
hijau : kowg leh ubah ikut kesesuaian anda

selamat mencuba!!