Tuesday, February 15

tutorial for shout box menyorok

rasanya dh ramai yg tahu tpi mungkin ada jgk yg tak tahu ;)
kita start erk ;)

1. log in-->design-->add a gadget--> HTML/Javascript
2. copy dan paste code dibawah ;)

<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/SzzN08B1K5I/AAAAAAAAA0U/QT4rY6-FhI8/s320/tabs.png ') 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, 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">

COPY DAN PASTE CODE CHATBOX KAMUU DISINI

<div style="text-align:right">
<a href="javascript:showHideGB()">
[close/tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

yang warna Purple untuk url gambar shoutbox. kalu kamuu gunaa yg sy bgy gambar dia yg ramai org guna. yg wrna hijau 2. yang warna Hijau pulak untuk code shoutbox, juz copy dan paste yg penting daftar acc shoutmix dulu erk?



sy ni org baik
jadi sy bgy extra sket, bgi code gambar
kalu berkenan lar boleh guna yg ni:
ni gambar yg sy gunaa duluu
design by my own erk ;)



http://i1099.photobucket.com/albums/g394/iswaiting_bucket/Untitled-1-2.png

copy dan paste di tempat sepatutnya kalu rasa tk lawaa pandai2lah edit
kalu nk senang search dekat photobucket
mcm2 pilihan adaa ;P
tak pom design sendiri dan upload dekat sanaa
amik direct link erk ;)

Thx for reading! fell free to drop your coment!

1 comment: