Tutorial : Nyorok Kan Shoutbox

Salam, ini adalah tuto yg pertame keme buad utk k0me..

tuto Nyorok Kan Shoutbox kome.. mngkin kome sume da tau nk buad cmner..

tapi, keme pasti.. ade lagi yg tataw.. tape2 jng ngirau..

tuto ney akn tulung anda.. 

1st : Dashboard > Design > Add a Gadget > HTML/javascript

2nd : Copy code kat bawah ney Comey..


<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('ltk url pic yg kome suke') 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">

mas0kkan k0d shoutmix/shoutbox kome 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>

3rd : Lepas copy, paste lah kat HTML yg kome bkk tady..
4th : yg wane MERAH tue, kome tuka kan dgn URL pic yg korang suke..
5th : wane BIRU tue.. kome tuka dgn saiz kome suke.. keme tataw sngt pasai saiz..
6th : wane HIJAU tu.. kome ltk url shoutbox korang..
7th : then, preview dulu. ntah2 tak jadik.. kn kn? ble ok tkn lh save.. siap~!

- kalo boley komen taw.. kalo ta bole p0n komen jugak.. >.< -