Wadah Madrasah Pengalaman: Tutorial Ajax Float (lebih cepat nak load...)


Monday, July 19, 2010

Tutorial Ajax Float (lebih cepat nak load...)


.








Jom tutorial


Bagi pengguna Layout/design

Login to blogger >> Click Dashboard >> Click Layout/design >>add widget HTML
PAstikan widget nie korang letak paling bawah or paling atas k.klik save nanti tengok yang mane paling cepat load..Law atas lambat load korang letak bawah k..


Bagi pengguna Template

Korang cari < / body> dalam HTML code. Law tak dapat gak cari gune mate..Tekan keyboard korang CTRL+F..lepas tu korang paste kod yang Wan bagi kat bawah nie nanti k.. Owh ye..Law nak cepat Load lagi korang letak betul betul kat Bawah < HTML>..Korang bleh cari dekat atas < / body>tu je..



Pastikan width='261' dan height='380' untuk Shoutmix korang contoh kat bawah nie..


<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="261" height="380" src="http://www2.cbox.ws/box/?boxid=1932907&boxtag=4108&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#DBE2ED 1px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="261" height="380" src="http://www2.cbox.ws/box/?boxid=1932907&boxtag=4108&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#DBE2ED 1px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX --></u><br>



Ok kod untuk AJAX float pop up k..

Copy kod and paste kat notepad dulu k..lepas tu edit and lepas tu baru copy and paste kat BLOG





<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>

<div style='display:scroll; position:fixed; top:0px; right:-0px;'>
<br>
<a class='linkopacity' href='http://wanhazel.blogspot.com/2010/07/tutorial-ajax-float-lebih-cepat-nak.html' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='Get Shoutbox AJAX float'><img border="0" src="http://i1009.photobucket.com/albums/af215/wanhazel252909/iconlink.gif" /></a><br />


<!-- Start Ajax Popup Shoutbox by -->

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>

<script>

$(document).ready(function() {

//select all the a tag with name equal to modal

$('a[name=modal]').click(function(e) {

//Cancel the link behavior

e.preventDefault();



//Get the A tag

var id = $(this).attr('href');



//Get the screen height and width

var maskHeight = $(document).height();

var maskWidth = $(window).width();



//Set heigth and width to mask to fill up the whole screen

$('#mask').css({'width':maskWidth,'height':maskHeight});







//Get the window height and width

var winH = $(window).height();

var winW = $(window).width();



//Set the popup window to center

$(id).css('top', winH/2-$(id).height()/2);

$(id).css('left', winW/2-$(id).width()/2);



//transition effect

$(id).fadeIn(2000);



});



//if close button is clicked

$('.window .close').click(function (e) {

//Cancel the link behavior

e.preventDefault();



$('#mask').hide();

$('.window').hide();

});



//if mask is clicked

$('#mask').click(function () {

$(this).hide();

$('.window').hide();

});



});

</script>

<style>

img { border: none; }

#mask {

position:absolute;

left:0;

top:0;

z-index:9000;

background-color:#000;

display:none;

}



#boxes .window {

position:fixed;

left:0;

top:0;

width:440px;

height:200px;

display:none;

z-index:9999;

padding:20px;

}

#boxes #wanhazelshoutbox {

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7g7NuIJPqrhFORE7j2ytsGk9LSj6bIGtdwkQloql0rrcuazAuPjQ8GUEw_wRisyOt87TtjfPAaGUYUUs-jD2Av1tgksf926pdPtIgXK98wZu7i5Be_l1TYRF9uZENqAd4N2fuSuOQylE/s1600/red.png
) no-repeat 0 0 transparent;

width:425px;

height:460px;

padding:56px 0 20px 5px;

}

#closesb {

padding:2px 0 0 0;

}

#author {

padding:8px 0 0 168px;

}

</style>

<ul><center> <a href="#wanhazelshoutbox" name="modal"><img src="http://i921.photobucket.com/albums/ad52/wanhazel25290988/shoutoutz.gif" border="0" /></a> </center> </ul>

<div id="boxes">

<!-- Start Shoutbox -->

<div id="wanhazelshoutbox" class="window">

<!-- Begin ShoutMix - http://www.shoutmix.com --><center>




KOD SHOUTMIX/CBOX KORANG




</center>
<!-- End ShoutMix -->

<div id="author"></a>

</div><div id="closesb"><input type="button" value="Close" class="close" />

</div></div><!-- End of Ajax Shoutbox -->

<!-- Mask to cover the whole screen -->

<div id="mask"></div></div>

<!-- End of Ajax Popup Shoutbox-->


</div>














Ok yang nie Untuk Backgound Shoutbox korang,,law nak tuka kaler..Kod yang Wan kaler Hijau tu yang korang tuka law nak guna Background kaler len..



Merah
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7g7NuIJPqrhFORE7j2ytsGk9LSj6bIGtdwkQloql0rrcuazAuPjQ8GUEw_wRisyOt87TtjfPAaGUYUUs-jD2Av1tgksf926pdPtIgXK98wZu7i5Be_l1TYRF9uZENqAd4N2fuSuOQylE/s1600/red.png

Pink
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTEG7lm7HPQj_mFFes7O6ywgTmRIEMbxFslUaUlH_1lK0NrVQNkjkmQNwRiGJi_wLiH-bGz7-xvHoTm5PUM-0KBBG4JaqEr7Lyk_ZlNJtVETz-Dw0_qBWLRfvVqad5n-cGoqRw2hogtQU/s1600/pink.PNG

Oren
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiqTy2EFnYXiDI8g6t9ofNRTB3rG7WGpVR74U0-Y3h-fa9cnRD_k9yrMswPk_fb0VNkU5srPl92Ue5Nf1K-5LM95CvGwvBt6S5A519SiQXpFzIJbLruW1hN5LOVDbMkFpPjfl8Pq7O-bU/s1600/orange.PNG

Purple
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwdYhq9j9lhdxaXwK5U1Uo9e3cUWlEiwdX7LxhzUA8zFDtDv1g1_-H1R30zfoDMWUtUPIkCe_E1tN1dmGFZ6DhSZlvMN60yLpSio8n-VEzD04kVxf0CPRS8nY93MqbG7bOs-TzKDw8r-0/s1600/lightpurple.PNG

Hijau
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_A2Qq4EHjNzyfZ5lNY9lsDxt4wjs3dglJNnBDvxpIejTNyoabFMBR2oPXb3DK9TWomf_iFSSsri5nzdUuUDEHoElBgzyI02fLv2-NKrpcqv2Q4Pg2s-uh3KqYnDwE9SOS2FR1X4i0w-E/s1600/lightgreen.PNG

Hitam
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNTFRTYq3JryRsRmcOAwzDeLUWsag43xiiz3E_ItVg03QJqQ9RWnOXKOjzE7jucJds3HnBTy4_CYYHqSFdAVDUea8HXDD9_rKE6lIr-Wkucdxd7YPxQGeHxBTIPcikB0GfwjbHqsZ9PI4/s1600/lightblack.PNG

Biru
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6HuJpIeJYo7XY2uCjomJ7r4DraCZGStct663C5v32qGErXXtsa7op-t3B2gtN1CkcBQhLj7FwK8c8gPVTUbhoTlpnsUx8aFNSs5or74K5aOkoY1NRuxxRoieuYXoE8xbQCJmbde-rKyM/s1600/cloudblue.PNG



Law Nak tukar Background lain..korang edit lah sendiri ye..Wan punya shoutbox tu..Wan dah edit..huhuhu..

LAw nak guna Background sendiri..cara nya kat sini..














320 comments:

1 – 200 of 320   Newer›   Newest»
Saya Adalah 'Cik Putet' said...

nice tuto again :P

Siti said...

wah..siap ade tutorial lg..best2..hehehe

Wan_hazel said...

put

tengs ...hehehe

Wan_hazel said...

siti


hehhee..nak bekongsi je..huhuhu

echaRierie said...

nak try jgkla..
hehe..thnX 4 sharing..
^^v

Wan_hazel said...

ok aysya

law dah bleh kasi taw k

echaRierie said...

haha~ bkn try skg lor..
nti try bila rs nk bwt k..hehe

Anonymous said...

byk eh kod mok di paste..huhuhu...juling mata nangga...

Wan_hazel said...

aysya

ok...law nak try nanti try lh k
hehhe

Wan_hazel said...

Cylia Chel

hahahha...xpa ktk copy jak..dah dicopy lak alu skit jd nya..hehehe

Kiko Berdendang said...

Arigato gozaimasu wan hazel-chan....

Wan_hazel said...

hehehhe,,,same2

pu3mas said...

aii wana febret kmk g !!!!

Wan_hazel said...

hahahha...eh tang cun jak...ktk ya asal merah jak warna peberet nya..hahahha...

Unknown said...

dah buat bnyk kali still xfhm..kenapa sy agk lembab?

Wan_hazel said...

hahahha...yg mane yg tak faham tu??

EkaWeird said...

mcm mane ni nk wat?? nk copy mane satu kod ni... pastu kod mne lak kene paste kad notepad tu yg nk edit. nk edit ape????

Wan_hazel said...

copy kod ajax tu je ..yg kat bawah..n edit coz nak ltak kod shoutmix eka..

faham tak

Durrani Zamri said...

alamak......muahahaha
mcm complicated je...
tibe2 rasa xjadi nak buat...
tp cute...

Wan_hazel said...

takde lah susah sgt law nak..kasi kod shoutmix kat wan...mail wan..wan_scremohazel@yahoo.com..nanti wan kasi kod yg dah siap diedit k,,dgn satu BG frame yg bru..nak tak??

ucu rose said...

alamak...xdapat r wat..npe ek???dh cri kod 2 dah ..tp xder...hhuhu..tp cumil shoutbox 2..huhuhuhu

Wan_hazel said...

eh ade lah ida..gune template or layout??

αииɛ ƨαм said...

yang ada link wan hazel tu ape?
ahax.

*x jadi pon. cube tgok blog fm.

Wan_hazel said...

page fm tak leh bukak lak dari sini...

αииɛ ƨαм said...

td mmg x ok.
ade ubah2 sket. ok la jgk.
tp x bape betul.

Wan_hazel said...

nanti oklah tu kan...

Nadd said...

thxx for sharing ^^

Wan_hazel said...

nadd

welkam...

Nia said...

salam..wan sy da try buat tutor nie kat my blog..ade kuar simbol tue..tp xdpt nk tkan..cube wan semak kat blog sya..kat bhgian atas sekali sebelah knan..thanks!=)

AiHika said...

ambk kod. trme ksih. jom tgk kt http://cclickhereifyouwant.blogspot.com

Wan_hazel said...

نورول فاتيحه

ok ok///wan terjah...

Rahsia Sihat dan Anggun said...

x paham....cmner nk wt nie..2kali asek error je....

Wan_hazel said...

AinDeLuvlyangel

senang je wat nie..law tak faham gak..kasi kod shout kat wan...nanti wan koding kan k...kat mail or FB wan...FB wan hazel mail wan_scremohazel@yahoo.com

Rahsia Sihat dan Anggun said...

ok..saya anta coding kt wan la..sbb ade error msg ngan div tu x macthing end-tag la plak

Wan_hazel said...

AinDeLuvlyangel

ok ok...send kat mail ke???

suzie rahman said...

aik wan..geram ler..awat dier terkua dr box ni..huhu..

Wan_hazel said...

suzie

kua yang camne suzie???

suzie rahman said...

cbox tu kua dr frame.dh edit 261x380.tp npe still besr dr box

Wan_hazel said...

suzie...

camne leh kuar dari frame erk..bleh taw tak gune frame ape

Unknown said...

salam. saye dah ikot tutorial ni tp cmne nk centerkan shoutbox ngan background?

coyotitoAIMD

Wan_hazel said...

coyotitoAIMD

law gune frame jenis len kene ubah size dulu taw..

aSmiDar said...

patutla bila tekan je shoutmix macamni terus masuk page ni..hazel yang ajar..thanks..:)

Wan_hazel said...

aSmiDar

hehhee...a ah...wan yg ajar..hehehe..

tuchin said...

wan, help!!! shoutboox lari a dari frame dia. huhu

Wan_hazel said...

tuchin

wah...pasal lak lari???law gune kod yg wan kasi tak lari...

Unknown said...

dah try byk kali tapi x jadi..
sedihnye...

Wan_hazel said...

miSs zYmaH

ok camnie..kasi kod shoutmix/cbox kat mail wan k..

wan_scremohazel@yahoo.com

syasya❤ said...

wan..tl0ng b0leyh..word yg kene cri 1st skali 2 xde p0n..cmne nak wat ek??

Wan_hazel said...

syasya

eh...copy je...senang je...kasi kod shoutmix or cbox kat wan...mail kan k...b4 tu save dlm notepad k.

wan_scremohazel@yahoo.com

eilasuhaila said...

nice tutorial.
nk try wat.
tp xleyh nk copy code2 dia..
huhuuu~

Wan_hazel said...

eilasuhaila

tekan kat keyboard tu CTRL+C srentak untuk copy k...

eilasuhaila said...

tq2..

Wan_hazel said...

eila


welkama

eilasuhaila said...

da try tp xleyh nk fixed..
cmner ek..
10 kali da try adjust..
tp still xfixed gak..terkuar!

Wan_hazel said...

eila


send kat mail wan kod ssoutmixor cbox eila k..wan kodingkan untuk eila..

wan_scremohazel@yahoo.com

tengkusri said...

adus panjang nya...kena tengok slow ni...esok br nak try...thanks bro

Wan_hazel said...

tengkusri

law tak faham kassi taw k

Zaidah said...

akak dah cuba buat tapi kenapa tak ade button close...

Wan_hazel said...

Zaidah

ade je kak..kat bhgian bawah belah kiri..mesti ade nye..

nur najihah said...

klu nk tukar pic plak cam mna !!

Wan_hazel said...

nur najihah

ade je tutorial kat sebelah kiri blog wan tu..cari je,,

NiEzA aNiEyZa said...

npe xdpt wt..xfahamla..huhu

Wan_hazel said...

mISs nIEyZa

ape yg tak bleh tu??/bleh tak kasi taw??

NiEzA aNiEyZa said...

da try wt..shoutbox 2 terkeluaq plak dr shoubox yg wan kasi.pas2 xde button close la..geramnye........

Wan_hazel said...

mISs nIEyZa

law terkeluar tu..try tuka size nye k...bleh tu

NiEzA aNiEyZa said...

da tka saizla..xleh gak..mls da nk wt..

Wan_hazel said...

nak wan tlg wat kan??

NiEzA aNiEyZa said...

boleh ke???nk2.hehe

Wan_hazel said...

a ah bleh je...save kod shout kat notepad dulu..pastu send kat mail wan k..wan_scremohazel@yahoo.com..law dah send kasi tawk

NiEzA aNiEyZa said...

da send =))

Wan_hazel said...

nieyza...kene save dalam notepad dulu taw..baru attach file n send...

NiEzA aNiEyZa said...

ooo..oke2..

Wan_hazel said...

law dah kasi taw k

NiEzA aNiEyZa said...

da kasi pon td..

Wan_hazel said...

ok dah..cek mail k

NiEzA aNiEyZa said...

wan..tq sgt...cntik......suke2..=))

han hanan said...

err Wan.Tak leyh pun..dye kata photo tu dah di delete

Wan_hazel said...

Professor Hanan

photo ape yg dah didelete???

Wan_hazel said...

mISs nIEyZa

welkam...peace

Nina Azmi said...

kenapa tak boleh nak copy code TT-TT

Wan_hazel said...

CTRL+C untuk copy...peace

Ms Heartbreaker. said...

oh wan..fening bputar belit rsa,dh cuba tak jadi juga..tp sgt cumil..

Wan_hazel said...

Cik Halle Arz

nak wan wat kan tak??

Ms Heartbreaker. said...

boleh ke?? nk jugak..kena cas ke ni?hehe

Wan_hazel said...

Cik Halle Arz

tak de cas pun...kasi kod shout halle kat wan k..mailkan..

wan_scremohazel@yahoo.com

B4 send tu save kod tu dalam notepad k..attach file n send

Ms Heartbreaker. said...

okay :D..yeay!

Unknown said...

salam...x brapa nk phm la....nk try wat...can u help me?

Wan_hazel said...

- miSs A.R.E.E.N.A.D.I.R.A -


ok..bleh je wan tlg kan..ade FB tak??law ade add wan k..wan hazel..Pm wan dalm FB n kasi kod scbox/shoutmix kat wan...

Aqilah Yaya said...

Salam . Abg Wan . Tak paham lah macam mana nak buaat . Sangat teringgin nie buat tuto niee . Bole tolong ajar tak ?

Wan_hazel said...

aqilah


law tak bleh wan leh tolong wat kan k...hehehe

Saif As-Solihin said...

wan... aku tau pasal cara pasang sume nih.... tapi aku nk tanye je la... cm ne nak bg ajax float shoutbox nih.. kan die letak kt kanan kt button die...
then kuar kt tengah2 kn...
tapi kalau aku nk letak kt kiri die, bukan kanan... cm ne ea..???

Wan_hazel said...

Saiful Zaini

bro..tgk kod dari atas k..tengok kod nie..
<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>

<div style='display:scroll; position:fixed; top:0px; right:-0px;'>

lepas tu tuka je yang "right" tu kepade "left"

Saif As-Solihin said...

owhh..
okey2...
aku cuba..
btw.. terima kasih...

Wan_hazel said...

Saiful Zaini

ok bro..welkam

Turtleman said...

bro tak jadi waaaa

Wan_hazel said...

yang mane yag tak jadi tu???

fyra said...

tak boleh pun
senget senget je
tak center pong
camne erk?
*_*

Wan_hazel said...

kene adjust size taw..bace dari atas sampai bawah tuto tu...hehehe

enny said...

knp xjd ni..:(

Wan_hazel said...

eny...

tak jadi camne...

Unknown said...

saye share tuto kamu tau tau! ;)

Wan_hazel said...

sofia

ok..tak de masalah...

Unknown said...

nak letak shoutmix code kt mne yer?

Wan_hazel said...

nie mesti tak bace nie...ade je wan tulis kat dalam kod tu..hehehehe..tengok dari atas sampai bawah k

fyra said...

buatkan lah
boleh
ngehngehngeh ;p

Wan_hazel said...

fyra

ok..kasi kod shoutmix kat wan k..mailkan or inbox kat FB wan..cari wan hazel

Anonymous said...

hai wan,

ika ganti url badground tu dengan url pic ika.tapi tak keluar gamba.

ika nak buat mcm wan punya ,dekat gamba klik shoutbox tu.

cam ner ek?

Wan_hazel said...

ika

tgk dekat bhgian tuto k..tukar icon ajax tu..tengok link mane yg dituka.ekot panduan kat situ k

najwa said...

hye wan hazel (:
saya da try tp shoutbox uh ngan frame dea terkelua laa...macam mne saya nak bg bende uh oke??cube awk tengok blog sya..jdi lain laa... www.najwamsnma96.blogspot.com

n nak tanye yg ade link wanhazel sume uh nak edit ke atau biaka?sye edit yg gambar tu je..terima kasih

Wan_hazel said...

ok jap..wan tgk///

marfieyra said...

thnx for the tuto..dpt juak polah shoutbox ya..haha :D tak org swk ka?pa mek ngga da org komen bhs swk ya bencer jak kaka swk tok..thnx ok?

Wan_hazel said...

marfieyra

waaa..nang ebat owg sawak eh..terer jak polah alu dapat..bagus2..mek tok lah org sawak..ehhehe

Cik Lily said...

thanks ! dah jadi ! nanti nak share kat blog ek ^^

Wan_hazel said...

ok..peace..ehehehe

ツTyra ツ said...

x phm laa -,-" err, bole bwd kann takk ? ^^ hehe

Wan_hazel said...

ok2..kasi kod shout kat wan k..add FB wan..wan hazel//inbox je...law dah add kasi taw n kasi taw name ape kat FB k

Ummi Hanie said...

alamak...sis try xmenjadi plak...ade coding yg xsempurna katanye...salah sis kot ;)

alissa said...

thanx for sharing

Wan_hazel said...

Ummi Hanie

eh..ade salah koding tu..try lgi..law masih tak jadi kais taw k..

Wan_hazel said...

Cik Lis

welkam...

Najwan said...

nape xkluar gamber tp yg kluar your photo or video has been removed...nape ep

Wan_hazel said...

Najwan

law camtu lepas copy kod nie kan..tengok lak tutorial ubah frame n icon ajax shout k..

Meni. said...

nape trklua dari frame eh??

Wan_hazel said...

ms.sugarcandy

bab ade maslah size tu...try tgk tuto frane utk ajax shout tu k

pinky said...

dah banyak kali dah try tak maw pon....:(

Wan_hazel said...

pinky

ciannye...nak wan tlg tak???

pinky said...

mestilah nakkkkkkk......:)

Wan_hazel said...

pinky

ok..add FB wan k..nanti inbox kod shoutmix kat wan k..

pinky said...

ok t pinky add wan
:)

Princess Feyqa said...

awk.. mcm mane sya nk close kn pop up shoutbox tu ye?? xde tmpt nk tkn close. huhu

Wan_hazel said...

Princess Feyqa

ade je button close..kat bhgian bawah blah kiri k..

Wan_hazel said...

pinky

ok dah

sheeraY said...

tak berpe paham la . buat tak nak jadi elok . macam mne ya? * thanx

Wan_hazel said...

the only penyet

kene adjust tak shout n frame tu..

bella said...

wan...nape sy xjumpe pun kod yang 1st tu?? < / body> yang tuh pun xjumpe, cmane nak wat step yang lain...huhuhuuuu:'(

Wan_hazel said...

ctbella

tak de ke???gune classic template ke??

bella said...

sy gune template. yang pg elements, edit html, and template designer. sebelum ctrl f, sy klik expand widget templates tu dlu..
nape tak jumpe ek...plz...help me

Wan_hazel said...

ctbella

law yg tu add gadget je k..cam biase je..letak widget kat blog...tak yah g HTML...

bella said...

owh...misunderstanding la ni. hehe.gopoh bila ni. sori, jap bila cube...anyway, thanx ea wan

bella said...

wan...errr....dah try, cume box tu terkeluar dari frame. and pic kat shoutbox tu, yang kat lua tu xkeluar pape pun. cmane ek. fenin...

Wan_hazel said...

ctbella

lepas tu g sini k.tuka frame..bace betul2 kat tuto frame nie k..

http://wanhazel.blogspot.com/2010/08/frame-terbaru-untuk-ajax-float-shoutbox.html


and then tuka icon lak k..

http://wanhazel.blogspot.com/2010/08/tutorial-tukar-icon-shout-untuk-ajax.html

cik grrr said...

wan hazellll....ooo wan...sian da sy tgk kamu ni, duk menjelas2 kat org sal nih...huhuhu..x lenguh ke?

btw, tlong bwat tuk saya jgk wannn...x reti rrr..nk gk bwat sdri tp x jadi, lenguh r...please...i'll email kat wan ek. ^_^ (free of charge kan?) tenqiup wan!

cik grrr said...

wan hazellll....ooo wan...sian da sy tgk kamu ni, duk menjelas2 kat org sal nih...huhuhu..x lenguh ke?

btw, tlong bwat tuk saya jgk wannn...x reti rrr..nk gk bwat sdri tp x jadi, lenguh r...please...i'll email kat wan ek. ^_^ (free of charge kan?) tenqiup wan!

Wan_hazel said...

cik grrr

ok2..kasi kod shout kat mail wan k..wan_scremohazel@yahoo.com

bella said...

pening la wan....wan tlg watkan la boleh x. *hoping.

Wan_hazel said...

ctbella

ok2..add wan kat FB k..and inbox wan kod shoutmix,.nanti wan kodingkan...wan hazel

Aqilah Azmi said...

Tengs abg Wan . HEE :D

Wan_hazel said...

Akeylala xD

welkam...

fara asaad said...

da buat...tp xjadi..npe yer..emm..cmner nk wat shoutbox y mcm wat (gmbr hello ktty) tu?tp nk tuka gmbar fara..boleh..ajarkan..plez...wan email fara erk...

Wan_hazel said...

fara asaad

nape tak jadi???law bce betul2...mesti jadi...fara ade je tuto wat frame tu k..ekot je..hehehe..peace...FB wan Wan hazel..add je

Puan Nurussalwa said...

pening gile..

Wan_hazel said...

manna_salwa

huhuhu...copy n bace tol2 je..senang je tu??

Anonymous said...

simple . tapi buatkan blh ? huahahaha

Wan_hazel said...

Anonymous

ok..add Fb wan..and kasi kod shoutmix kat wan k...

chera said...

yg shoutbox tuh chera try cri < / body>
ta jumpe pong da tekn da ctrl-f tuh

Wan_hazel said...

chera

chera..wan nak tanye nie..gune classsic template ke??

Nur Syafiqah bt Zulkifly Bin Mohamad said...

hmm, tak paham la .. :(

Wan_hazel said...

Nur SyafiQaH ZulkiflY

try n bace n faham k..mesti bleh..law masih tak leh gak..kasi taw..

Miss Yaty said...

wah tutorial menarik..tapi nak kena bookmark dulu..hihi

Wan_hazel said...

Miss Yaty

ok yaty..law tak taw kasi taw k...

d'fiey said...

hye wan ^_^ macam mana nak kebawahkan lagi cbox kite eh ? i mean bukan bckground , tapi cbox tuu :) dah carik carik , tak tau dah ~.~

Wan_hazel said...

d'fiey

cara nye mudah je..atas kod shoutmix/cbox tu kene tambah kod..<br><br><br><br> law masih tak kebawah tmbah lagi <br> law terlebih kebawah..buang lah kod <br> tu k

finaz said...

alamak wan,,x pham,,,heheh,,,

law finaz daa ade shoutmix,, tp nak jd kan die popup jew,,
nak follow step mne ek,,

Wan_hazel said...

finaz

ekot je step kat atas tu...hehehe..letak kot shoutmix kat tempat yg wan tulis tu

finaz said...

daa wat,,,:-(,,,

hahhaha,,,x jadi,,,

skunk sumenyee daa hilang.,,shoutbox lame pon daa x dew,,,

Wan_hazel said...

finaz

alahai..ciannye...ade FB tak??mamti wan tolong wat kan k...add wan..wan hazel

finaz said...

he,,he,,,sowi menyusahkan wan,,,
finaz daa add da,,,:-)

thanks taw,,,

Wan_hazel said...

finaz

ok/..inbox kod shout kat wan k..name fb ape erk??

finaz said...

nik syaza syafinas...

fnaz daa text kat inbox,,

Wan_hazel said...

wan dh inbox kan..ehhehe

Atia Qistina said...

x pndai la nk wt..huhu

Wan_hazel said...

Atia Qistina

tak faham ke??ade FB tak??law ade add wan..wan hazel..law dah add kasi taw name FB..nanti Pm wan kat FB kasi kod shout k

AfiqahZ said...

wan ! ta boleh ponn. ni yg nak nagis guling2 neh =="

Wan_hazel said...

-[miracle]-

eika..eika kasi kod shout kat wan k..FB inbox kat wan...

Liliyusoff said...

Wan...I dah buat, shoutbox jadi cuma dia punye icon kat utk bukak shoutbox tu tak ade gambar... box tu tulis" This Image or video has been moved or deleted"... Camna ek? ;)

Wan_hazel said...

ok...cari tuto ubah icon ajax float shoutbox lak k..leh ubah tu...

che qyll said...

abg wan..qyll da try wat tpi xreti laa..
asyik xb0ley jew..tp dy c0mell..

Wan_hazel said...

che qyll

hehehe..ciannye..meh wan tlg..add wan kat FB k..and kasi kod shout..lepas tu kasi taw ID FB

Adeq Saniza said...

wan , kite punya close button tk de laa .
tolong ye !!!

fb laa senang !
adeq saniza jgk namenye .
((=

Wan_hazel said...

Adeq Saniza

ade je...tgk kat bhgia pling bawah k..

Anonymous said...

wan ! kn die kte kt float shoutbox nie ,, die kte ms0kkn kod sh0utmix ,, shotmix 2 yg mne ?

Wan_hazel said...

niesa loverr

yg tu letak kod sahoutbox awak k..

lavenderlover said...

sori but leh explain x mcm ne nk wat
shout box ni?
x phm start copy da kod..i mean after i already wat yg width 261 n height 380 tu
huhu
thanks

Wan_hazel said...

lavenderlover

lepastu ganti masuk ke dalam kod ajax tu..ade dekat situ wan tulis..masukkan kod shout

Saya Nina Syakira said...

da buat tapi ta jd :( tolong boley :(

Wan_hazel said...

Budak Giler Cadbury

inbox wan kat FB k..wan hazel

Cik Muda said...

xdpt la bg wan =(..huhu..

Wan_hazel said...

C@H@Y@

xpat...tedah ktk..ktk inbox FB mek k..lak mek tlg polah..

MissFyzz said...

wan , bole tolong wat kan ? da try banyak kali da tapi x bole jugak :(

Wan_hazel said...

Miss Deamy

boleh je...inbox wan kat FB k..wan hazel

Liyana Amin said...

time kaseh manyak2 sudi kongsi ilmu.. menjadi la. yana gne ajax float pop up :D tp.. bile da tekan icon tuh nnt dye kuar la shoutbox kite kn? mcm mne ea nk tutop balek. kne tekan yg mne? yana ta reti. hehe.

Wan_hazel said...

Siti Nurliyana

ade je kat bawah blah kanan...tgk k..try tekan CTRL dan - serentak utk zoom out

Unknown said...

kite curik totorial nie sbb nak wat shoutbox kat blog kite yg satu lg tau..
http://aienhermionie27.blogspot.com/
jgn marah tau..

Wan_hazel said...

ainaa.syafiqah27

hehehe..ok..

SUCI KUDUS said...

thanks..da dapat letak..
tp cane nak rendahkan sikit ea icon tu?
lau xnak atas2 sangat... tq

Wan_hazel said...

div style='display:scroll; position:fixed; top:0px; right:-0px;

cari kod tu..dan ubah nilai Top tu k

top:20px or brapa2 je

SUCI KUDUS said...

oh...thanks so much wan....
;)

miss sufea said...

wan .. tak dapat pon . xjmpe pon kod tu lam template . ltak lam widget pon x jadi ugak .. TT__TT

miss sufea said...

help yaw :)

miss sufea said...

try bkk , dye jadik camtu .. http://belogmissufea.blogspot.com/

«Oldest ‹Older   1 – 200 of 320   Newer› Newest»