msti rmai dh taw apa 2 shoutbox kn...tp xtaw nk wt mcm mna...
sila la jenguk2 kt bwah niey ye...
Misz akn ajaq 4 tutorial psal shoutbox...
so bkak mta luas2 taw...
4 in 1 tutorial.
DAFTAR SHOUTBOX
1.pergi ke website niey dulu ye http://shout.busuk.org/m/index.php?view=register
2.akn kluar mcm niey kn ;
3.korang isi la apa yg dya mnx 2, lpaz dh isi smua, SUBMIT
4.lpas 2 isi skali lg detail2 yg dya mnx 2, mcm kt bwah niey, lpaz 2 SUBMIT
5.then kluaq mcm niey plak kn ;
6.now korang boleh la adjust ukuran shoutbox korang 2
7.nk ubah wrna background or font text, korang boleh ambik CUSTOMIZE SHOUTBOX
8.now korang ubah la apa yg ptut tuk shoutbox korang ek
9.preview
10.save
11.prgi blik dkt HOME
12.korang boleh la ambik url shoutbox korang dkt GENERATED CODE
LETAK SHOUTBOX DI BLOG
1.DESIGN->LAYOUT->ADD GADGET
2.cri HTML/JAVASCRIPT
3.copy kod yg korang dpt td, msok ke dlm ruang yg dberi
4.save
5.view
drag la gdget shoutbox korang 2 kt mna yg korang suka, nk ltak kt side bar kew, footer kew, header kew, ekut ska aty lah ye, xdk sapa nk mrah korang pown, hehehehhee.
BACKGROUND SHOUTBOX
1.DESIGN->LAYOUT->ADD GADGET
2.cri HTML/JAVASCRIPT
3.copy kod dibwh ;
<center><div id="custombg" style="width:200px; height:300px; background:url(URL BACKGROUND) repeat; padding-top:0px; padding-left:0px; position:relative" align="center">
<iframe frameborder="0" title="shoutboxsaya" height="300" src="KOD SHOUTBOX KORANG" id="r" style="filter:alpha(opacity=60);opacity:0.60;-moz-opacity:0.60; display:block; " scrolling="auto" width="200">
</iframe></center></div>
4.paste kn ke dlm ruangan yg dsdiakn
5.wrna prple 2 korang adjust ukuran shoutbox korang
6.wrna biru 2 msok kn url background yg korang suka...boleh dptkn di SINI
7.wrna merah 2 msok kn kod shoutbox korang...brmula dgn http.....
8.save
9.view
HIDE SHOUTBOX
1.DESIGN->LAYOUT->ADD GADGET
2.cri HTML/JAVASCRIPT
3.copy kod dibwh niey dlu ;
<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('URL IMAGE KORANG') 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">
MASUKKAN KOD SHOUTBOX KORANG
<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>
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:350px;
width:140px;
float:left;
cursor:pointer;
background:url('URL IMAGE KORANG') 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">
MASUKKAN KOD SHOUTBOX KORANG
<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>
4.paste dlm ruang gadget td
5.wrna biru 2 korang adjust la ukuran shoutbox korang
6.wrna merah 2 korang ltak la apa2 image tuk shoutbox korang, mcm frame la (cntoh tgk yg misz aien pnya shoutbox)
7.wrna pink 2 korang msok kod shoutbox korang, brmula dri http........
8.save
9.view
✦❉ ❥❦❧❃ ❂❁ SELAMAT MENCUBA ❀✄☪ ☣☢☠☭♈
No comments:
Post a Comment