tutorial hide shoutbox

assalamualaikum anak anak sume..

euw~ haha

malam ni aku nak buat tutorial untuk hide shoutbox korang and ganti dengan icon yang comel lotte. tinguk la shoutbox baru i dekat sebelah kanan tu. wink2. haha. baru je buat tadi taw. sekarang i ada 2 shoutbox. kau tahu nape ? sebab aku tak ingat shoutmix aku punya kod time nak buat ni. so aku register aje la shoutbox baru. huahauhau.

ok first korang kena tahu korang punya kod shoutmix. pergi kat shoutmix.com ekk. tapi kalau tak dapat jugak, senang citer buat aje lah shoutbox baru. apa susah ? then korang kena tahu url pic yang korang nak guna. tengok yang i punya kawaii taw. kawaii tak kawaii tak. wink2~

Dashboard > Design > Add Gadget > Html

copy link bawah ni. tekan Ctrl + C serentak ek !

<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 PIC YANG KORUNK SUKA') 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">

MASUKKAN KOD SHOUTMIX KORUNK KAT SINI :)

<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>

ok yang height dengan width tu korang boleh ubah ikut kesesuaian ok.

korang tak tau nak ambik kat mana URL pic ? nahh orang bagi.

 http://i.imgur.com/jrMSv.png

http://i.imgur.com/OUTeg.png

http://i1214.photobucket.com/albums/cc487/nisa131/shout.png

kalau nak ambik je. takyah shy2 cat. tapi kalau sopan, bagitau ok. haha

ehh kalau dah menjadi or ada masalah ke, bagitau dekat ruang comment eh. wee~

harap2 menjadi. fuhh fuhh fuhh !

nak copy ? tekan ctrl + c serentak !