tutorial hidden shoutbox with cute picture

aku buat tuto ni simple je ok . :)

let's start adek-adek .


1. Dashboard-Design-Page Element-Add Gadget-HTML/JAVASCRIPT .
2. copy code kat bawah ni n paste kat HTML JAVASCRIPT tu .
* jangan lupa letak code shoutbox atau cbox korang .

<style type="text/css">

#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:400px;
width:150px;
float:left;
cursor:pointer;
background:url('http://i1041.photobucket.com/albums/b418/hannafauzann/swdw-7.png?t=1281336728') 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 KOD 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 = (140-gb.offsetWidth).toString() + "px";
</script>

<3 hah!! kwn sye tnyer cm ner nk crik kode shoutbox,, okey korank creaate shoutbox tuh kt >sini<
♥ yang warna purple tu width and height utk gamba .
♥ yang warna emas tu url gamba yang korang nak .
♥ yang warna merah tu , kalau kau kena adjust sikit . sebab kengkadang gamba tu ley tersorok tak tunjuk sepenuhnya gambar tu . n kengkadang dia tutup pun tak habis . kalau kau guna code ni n ok, takde masalah, tak payah gatal tangan ubah code tu . kalau tak tau , bgtau aku tau .
♥ ni ada satu lagi gamba . kalau kau nak guna , copy url dia .
Photobucket
Photobucket

Photobucket







eah2,, terlebeh plk... 0key>>x?? dh cuk0p byk nieyh korg copy la url dye,,,
kl0 jdy bgy thu sme sya yax?? k bye2...muah!!




hye korank!! dh tg0k kne komen (WAJEB) !!

2 orank yg membebel =):

Querida Billa said...

jadi la..thanks yaw..cma yg shout here tu kn...cme nmpk smpy shout her...its ok...huhu

shameyla said...

erm,, kl0 cm tuh tukar la url shoutb0x yg awk suke yg nmpk okey :)

/

TenTanG Sy S3nGaL

My photo
bandar sery alm 1, JOHOR, Malaysia
aq suke dye...sgt2... dn x kn penah ley pule kn dye... smpai biler2... walaupon aq dh x de pepe dgn dye...

Lawa x?? Gmb0 kt Bwh Nieyh?? =>

shoutbox...


ShoutMix chat widget
hye,, sume bnde nie hak milik CIK EYLAH s0o jgn nk pndai2 copy yerk??