Mar 11, 2011

TUTORIAL COMBINE SHOUTBOX AND FOLLOWER

lalala... first time buad tutorial neyhh... hehehe.. okay2! neyhh special edition buad cik bambam yang kiutmiut! dye yang tanye.. dengan sukasuki aniss pun nak share ngan dye.. lau korang nak jugak, follow this step yeaa dear :) tutorial neyhh combine shoutbox ngn follower.. tengok kat blog aniss... ade faham?? hahaha...
ayuhh buad samesame yea sayang!!



STEP 1 :
sediakan kod FOLLOWER okay!! yang belum taw, meyhh aniss gtaw.. mule mule korang CLICK SINI.. ingat sign in gune email blog kamu yea... pastuh click kat  add the members gadget... jangan lupe adjust ape yang patut.. generate kod tuhh!!
(save kod kat notepad dulu)

STEP 2 :
sediakan kod CBOX / SHOUTMIX....yang suda taw.. relax dulu.. hahaha.. yang ta taw.. meyh SINI.. generate kod pastuhh save dlu kat notepad okay :):)

STEP 3 :
ambik kod neyhh...




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


cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmRXfHUMCfc8korZrYU-NwogQdMdhzi0ciGo7D6tSzaHRFu50SIbqRLOtw-TIXADspHgNoqKLdCRUKimbVVmv450Ca8VlqJg9zVzJwpZLP6aIrVFB6DUaI3CwZ93NBWy5baWlZHlplcKp_/s1600/button.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #000000;
background:#ffffff;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 99-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">

KOD FOLLOWER BOX ANDA

KOD SHOUTMIX / CBOX ANDA

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

pergi kat DASHBOARD > DESIGN > PAGE LEMENT > ADD GADGET > HTML/JAVASCRIPT

 okay! korang jangan lupe letak
KOD FOLLOWER BOX KORANG + KOD SHOUTMIX / CBOX KORANG!
combine together gether yeaa...

dahh siap?? jangan lupe adjust  height ngn width SHOUTMIX / CBOX ... sebab lau besar sangat tak cantek!! yang aniss punyer height 120, width 200...


lau nak tukar perkataan close tuhh pun bleyhh!! tukar jewpp yang aniss dahh highlight tuhh.. suka ati korang nak tulis, byebye, selamat tinggal, tata kew... hohoho!!! lau nak letak gambar, letak url gambar tuhh! kat selepas [CLOSE] jgn besar besar taw!! height ngn width 50... baru cantek!!

sekarang, CIK BAMBAM leyhh copy and paste.. letak kat gadget tuhh!! SAVE GADGET!!
yeayhh!!! yeayhh!! sudaa ciap! 
KREDITS TO : EMPAYAR BINTANG TIGA...

DAH HABIS BACA? jomm komen :) Byeee

6 725 budak kiut buat kecoh:

Cik Bambam said... []

hahahahha..thank u cayangggg~! nnt CB buat.. tngu masa terluang betol dulu..ahhaha.. bookmark page nie dulu! heheheh..

thanks taw!!! :P

aNiss :):) said... []

@b a m b a m ' s samesame!! no biggie dear.. :):)

Pak Aji said... []

salam kenal.. saya dah follow dah blog ni.. hehe.. cantik blog ni.. ape kate kita cari member baru..

http://fuyohblog.blogspot.com/2011/03/segmen-jom-suai-kenal-nak-cari-member.html

Unknown said... []

gedik! blog awak laaagi comel. :)