pasang background kat shoutbox korang

Malam ni terasa bosan sangat- sangat. Dah tak tahu nak buat apa? Nak tengok movie pun macam malas, nak pergi mamam pun macam takde benda nak mamam. Aihhh.. so ini jela kot yang dapat dibuat. Dengan meng-update belog! Sambil- sambil tu boleh gak berbakti kepada pembaca- pembaca kannnn? Tu pun kalau korang bacalah. Ni sekadar tinggal link tak baca entry pun, isy.. isy..

Berbalik pada tajuk kita ni, kalau korang perasan, banyak shoutbox yang dah ada background kan? Mesti korang teringin nak buat kan? Aku? ehhh.. aku takkk... malas nak buat, haha. So tanpa buang masa lagi meh kita buat tutor ni k?


Mula- mula, sila Log in dulu kat dashboard.

Dashboard--> Design--> page element--> add a gadget--> html/ javascript

Pastu, copy paste code ni.

<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://3.bp.blogspot.com/_LZtXSNcp76A/S zzN08B
1K5I/AAAAAAAAA0U/QT4rY6-FhI8/s320/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;
background: url(URL IMAGE ANDA);
padding:10px;
}
</style>

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

<!-- Begin ShoutMix -->
CODE SHOUTMIX ANDA DISINI
<br />
<!-- End ShoutMix -->

<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]</a></div></span></span>

</div>
</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (65-gb.offsetWidth).toString() + "px";
</script>

Dah buat semua tu, terus aje save dan siap! hehe, senang kan?

 "/>

ehem, esok kira nak buat tutor pasal header pulakk.. boleh ke?