December 21, 2010

SOROK SHOUTBOX ;)

Hari ni nak tunjuk cara camne nak sorok chat box . Macam kat blog saya ni.Caranya mudah sahaja.Ikut je step kat bawah ni k.

1) Pastikan korang dah ade shoutbox, kalau tak de shoutbox lagi bole buat kat sini Shoutmix. Then ade code kan ,ok bagus.

2) Copy code kat bawah ni. (
ALERT dengan perkatan masukkan code shoutbox anda disini)

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

.gbtab{
height:120px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_StptIc1V2IpA5aAQFiEIieumBUiZY0H9sOikrlzlt1VjafNy6TZhZyYStzEwhoUedIV2giM74gpsyp664PWHAT7ra7iBsFTmUdsrzpVP0946B9fKk-59lw3wRJuLIl5vWuH7MV7hR0af/s320/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;
background:FFFFFF;
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">

MASUKKAN CODE SHOUTBOX ANDA DISINI

<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 = (30-gb.offsetWidth).toString() + "px";
</script>

3) bukak DESIGN--> PAGE ELEMENT--> ADD GADGET--> HTML CODE then paste la.
Gantikan perkataan MASUKKAN CODE SHOUTBOX ANDA DISINI dengan code shoutbox anda.
Dah siap save !


Sekarang korang dah ade chat box yang menyorok, senangkan ;)

rara : panjang nyee code ni...


Salam Sayang Dari

Photobucket

4 comments:

Nak cakap ape,cakap jer..