My Lovely Belog

As Salam guys ! Harini cik nurin nak ajar awak semua buat shoutbox comel kat tepi blog awak semua. Boleh tengok contoh my shoutbox yang comel tu. Okay tutorial ni dibuat khas untuk budak kecik comel ni +Eischa Baharuddin

Okay lets start !

Firstly awak semua klik SINI SAYANG ! register,choose and decorate dulu shoutbox korang . After dah siap semua , copy uolss punya code.

Then , go dashboard > layout > add a gadget > html/javascript

Paste kod di bawah dalam ruangan html/javascript

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:600px;
width:160px;
float:left;
cursor:pointer;
background:url(' MASUKKAN IMAGE URL PILIHAN ANDA UNTUK IKON SHOUTBOX DI SINI ') 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, 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 CODE SHOUTBOX ANDA DI 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>

Then awak semua tekan save. Untuk ikon shoutbox ,awak semua boleh pilih kat bawah ni atau klik sini yer ! Copy url image yang awak semua pilih dan paste kat "MASUKKAN IMAGE URL PILIHAN ANDA UNTUK IKON SHOUTBOX DI SINI"

KOD SHOUTBOX tu jangan tak isi pule ye. Kang tak jadi , sis tak tanggung. HEHEHEHE cukup la smpai sini sis bebel. Maaf la kalau awak semua tak paham tutorial ni. If tak paham or tak jadi boleh komen ye. I will help you guys. Or kalau nak cepat boleh dm my twitter @__ciknurin (Underscore tu double tau)
GUD LUCK ! ;)