Wadah Madrasah Pengalaman: Tutorial Slide Shoutbox Icon Swap edisi comel

Sunday, August 14, 2011

Tutorial Slide Shoutbox Icon Swap edisi comel

Salam Korang...

Kali nie Wan nak wat Tutorial Slide Shoutbox Icon Swap edisi comel lak..Nampak tak gambar kat atas tu , camtu lah rupa Shout tu..hehehe..Swap nie maksudnya..Kalau korang arahkan cursor korang ke icon shout tu..So icon tu kan berubah..Sama jugak macam icon Shout Wan tu..Kalau korang nak..

Jom Tutorial

Diharap selepas korang ambik koding nie Korang tak ubah mana mana backlink or koding yang Wan wat nie..Kalau nak ubah Icon dan frame tu tak pe..Koding lain Wan harapkan korang jangan ubah..Bukan senang nak koding HTML..Wan boleh pastikan koding yang korang guna..

Bagi pengguna Blogskin/Classic Template

Dashboard>Template

Cari kod </HTML> .
CTRL+F untuk memudahkan pencarian
Selalu nya kod nie kat bawah sekali

Dan paste kod di atas kod </HTML> .

Bagi penguna layout/design

Dashboard>Design>Add Gadget>HTML

Pastikan korang letak kod diruangan tengah dibawah sekali k..

Kod Slide Shoutbox Icon Swap edisi comel

<div style='display:scroll; position:fixed; top:30px; right:0px;'><div class='clear'></div>
<div class='widget html' id='html1'>
<div class='widget-content'>
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>

<a class='linkopacity' href='http://wanhazel.blogspot.com/2011/08/tutorial-slide-shoutbox-icon-swap-edisi.html' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='Get This'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju-0UFm4vJrHF9vIkXRuwwdqRLdzBnrjhqHj6-G60gM6cUjAhAIk1OCD7M_wF2tCFdPdEoLTeyW-IhzQD_i_17U2-Umv7PYwwXWxb5zTFQR9lLNeoCglyIrg90Cphn8iwAOs14YfLVJ0Y/s1600/iconlink.gif" /></a><br />

<a href="javascript:void(0);"onclick="showHideAT()" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('SHout','','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-zjqRMwpYh5ggPM9E5AZrAXlITME0AvtCOP4-_AjlXaJe1uIX13jnmCMcPHG_fJMrIu365Efi1qaRcBR0_mtYy3XCA0PumbeNnAtdBnBM-rfgIpuN5RXTl15PIZvgYRyZOJuptW0Ws00/s1600/b.png',1)"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju9SOV2GhOo5ueJeGY0DHsDsgLkiBA0yiOG2pqYsPXWJNdSCtgBe7r2VZJel_xTY_-Ub7q96Q9MK56EW8vGKcJUGOFr3aNzbF0EeQManKvBbjzMAPaM9O9FuJs7FbmjmgcVXmXQ-GrCHQ/s1600/a.png" alt="SHout" name="SHout" width="140" height="140" border="0" /></a>
<div class='clear'></div></div>

</div></div>

<style type="text/css">
#at{
position:fixed;

top:0;
;
}
* html #at{position:relative;}
.attab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url();
}

.atcontent{
float:right;

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigPOzUPnlCx59wmdyxzYBqXMLSVCL3dTdvUytGbsJY7zdw_yN1sWzSnqbdxOa5qRvoUwjaDYbuTigIqdxM14mo0LxQr_qBOMXHLnWPmL7-_NYj4TcnTmzx-NiC7DOXywyBHaCvSYmy8-A/s1600/c.png) no-repeat 0 0 transparent;
width:800px;
height:460px;center scroll ;

padding:56px 0 20px 5px;
}
</style>
<script type="text/javascript">
function showHideAT(){
var at = document.getElementById("at");
var w = at.offsetWidth;
at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);
at.opened = !at.opened;
}
function moveAT(x0, xf){
var at = document.getElementById("at");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
at.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}
}
</script>
<div id="at">
<div class="attab" onclick="showHideAT()"> </div>
<div class="atcontent">
<div align="center">
<div style="background:url() no-repeat;">

<br /><br /><br /><br /><br /><br />

KOD SHOUT KORANG...WIDTH:240 dan HEIGHT:280

<center><div id="author"><a href="javascript:void(0);" onclick="showHideAT()"><input type="button" value="Close" class="close" />
</a></div>
</center></div>
</div>
<script type="text/javascript">
var at = document.getElementById("at");
at.style.top = (-200-at.offsetWidth).toString() + "px";
</script></div></div></div>

KOD SHOUT KORANG...WIDTH:240 dan HEIGHT:280. yang tu korang masukkan kod Shoutmix,Cbox dll korang dengan lebar 240 dan tinggi 280

Selesai
Preview dan Save

Ok tu je

Selamat mencuba ..

.

182 comments:

Just Mini Love said...: creatif giler ye wan..
cumel sume hasil kerje wan..; August 14, 2011 at 1:53 PM
- ΛΙSY - said...: comel :D; August 14, 2011 at 1:54 PM
Anonymous said...: kod cbox uh nk amik at ne?? huhuhu~; August 14, 2011 at 1:56 PM
DATEN SRI WAWA LALOLA said...: abg ... nk tnye nie .... knape shoutbox uh ta center ?? t dy tertutup kt muke pom1 uh ... ta nampak la ... so mcm ane nk uat ??; August 14, 2011 at 2:00 PM
qienaashburn said...: hiks. abg wan. thankiess wohhh :)
kite dah amek kod ni. dah buad dah. dah jadi. dah lame nak mcm ni :)thankss for the codeeeeee. weee :); August 14, 2011 at 2:09 PM
Wan_hazel said...: ieyza afieyna

tengs taw; August 14, 2011 at 2:10 PM
Wan_hazel said...: saia

tengs taw; August 14, 2011 at 2:10 PM
Wan_hazel said...: cayang GIRANG muahx muahx

yg kod shoutmix tu...; August 14, 2011 at 2:11 PM
Wan_hazel said...: DATEN SRI WAWA LALOLA

tak center ke??dah edit lom size; August 14, 2011 at 2:11 PM
Anonymous said...: x leh nk melebar la. byk kali da ekjas p masih sama. adoila~; August 14, 2011 at 2:14 PM
Wan_hazel said...: qienaa :]

ehhehe..taniah..eheheh..; August 14, 2011 at 2:14 PM
iffah hazwani said...: thank you..dah jadi..:D; August 14, 2011 at 2:19 PM
Wan_hazel said...: cayang GIRANG muahx muahx

eh pelik..nape tak leh lah?lebar jgn guna 100% guna 240; August 14, 2011 at 2:27 PM
Wan_hazel said...: Iffah Hazwani

welkam..ehehe; August 14, 2011 at 2:27 PM
Anonymous said...: kalau buat at tengah2 x leh kew ???
=.=||; August 14, 2011 at 2:35 PM
DATEN SRI WAWA LALOLA said...: suda edit saiznye pun ....; August 14, 2011 at 2:36 PM
Sara Shaari said...: Dah buat, tapi nape xkelua shoutmix nye? huhu icon tu ad je..tp bila klik, xd kelua pape..; August 14, 2011 at 2:39 PM
Wan_hazel said...: cayang GIRANG muahx muahx

rasa nya boleh bgatung dgn template tu camne...; August 14, 2011 at 2:41 PM
Wan_hazel said...: DATEN SRI WAWA LALOLA

pelik lak eh..; August 14, 2011 at 2:42 PM
Wan_hazel said...: Sara Cullen

pelik nie..; August 14, 2011 at 2:42 PM
Anonymous said...: masih pening @_@; August 14, 2011 at 3:00 PM
bella_bumbum said...: wan macam mana nak buat corak kat baju doodle tu ? T.T; August 14, 2011 at 3:01 PM
Wan_hazel said...: cayang GIRANG muahx muahx

slow2 girang...letak kod tu betul2 kat tgh taw..add gadget tu kat tgh; August 14, 2011 at 3:03 PM
Wan_hazel said...: bella_bumbum

tgk tuto nie..

http://wanhazel.blogspot.com/2011/06/tutorial-wat-tudung-dan-baju-doodle.html; August 14, 2011 at 3:03 PM
Nazatulwanis said...: comel comel ..
hahaks .. makasih atas perkongsiannya ^^, .. salam ziarah; August 14, 2011 at 3:08 PM
Anonymous said...: comel2.
haiyohhhh.; August 14, 2011 at 3:13 PM
Alia Syaza :) said...: brother wan, saya dah buat ikut yg abg suruh, tapi kenapa dia tidak center yee? dia keluar mcm yg dekat side je.. xkeluar dekat tengah pun.. nak buat mcm mna lagi yee?; August 14, 2011 at 3:13 PM
Anonymous said...: da jd cuma x leh nk melebar.; August 14, 2011 at 3:17 PM
Wan_hazel said...: Mawar berduri

sama2...salam ziarah jugak..ehhehe; August 14, 2011 at 3:38 PM
Wan_hazel said...: i am S!L4H..

ehehhe..tengs silah; August 14, 2011 at 3:39 PM
Wan_hazel said...: Alia Syaza :)

wan tgk kat blog k; August 14, 2011 at 3:39 PM
Wan_hazel said...: Alia Syaza :)

link blog...wan tak leh jejak lah..; August 14, 2011 at 3:39 PM
Wan_hazel said...: cayang GIRANG muahx muahx

girang..camne tu erk; August 14, 2011 at 3:40 PM
S.i.t.i H.a.j.a.r said...: wan, dah try buat dari tadi, tp knape bile click die tak kluar, gambar tepi tue macam image je, tak boleh nak click.. huhu :(; August 14, 2011 at 3:47 PM
S.i.t.i H.a.j.a.r said...: kenape tak boleh click? gambar kat tepi tue macam image pulak, tak bole click langsung. huhu. help plss wan :(; August 14, 2011 at 3:49 PM
Wan_hazel said...: ok..wan cek; August 14, 2011 at 3:55 PM
Wan_hazel said...: PM wan kat FB..wan hazel; August 14, 2011 at 3:55 PM
S.i.t.i H.a.j.a.r said...: oke wan, dah add.. Siti Hajar . dah anta mesej jugak ;); August 14, 2011 at 4:01 PM
Wan_hazel said...: ok wan dah app; August 14, 2011 at 4:04 PM
MaisarahSidi said...: cumil2 :)
tq yep; August 14, 2011 at 4:09 PM
Aqilah Azmi said...: ATOTO , COMELNYAAA <3
I WISH I CAN DOODLE XD; August 14, 2011 at 4:26 PM
Anonymous said...: tengs wan :D ..; August 14, 2011 at 5:32 PM
AzahraGamalAbdulNasir said...: comel..sye try..; August 14, 2011 at 5:38 PM
Ayfa Mia said...: comel..
sy dah buat..^_^; August 14, 2011 at 6:05 PM
Yaddeu said...: Tysm Wan ! Yad ambek xD; August 14, 2011 at 6:20 PM
TheBusuk's said...: kretif btol wan..mana blajar coding2 ni? cik non tringin nak jd pakar cam wan..hehe..

anyway, cik non buat tuto wan ni, pakai doodle sdiri..huuu..tp xcntik mcm wan punya..sob3; August 14, 2011 at 7:47 PM
Wan_hazel said...: ♥ Maisarah Humaira ♥

welkam..peace; August 14, 2011 at 8:15 PM
Wan_hazel said...: Akeyla Frr .

blaja je doodle tu.s.enang je; August 14, 2011 at 8:16 PM
Wan_hazel said...: shyikin

welkam; August 14, 2011 at 8:16 PM
Wan_hazel said...: Azahragamal

tengs..try lah k..; August 14, 2011 at 8:16 PM
Wan_hazel said...: Hayfa Damia

tengs; August 14, 2011 at 8:17 PM
Wan_hazel said...: RhiyadZhツ

boleh je..yad; August 14, 2011 at 8:17 PM
Wan_hazel said...: Cik Non

ehhehe..wan blaja sendiri je...tak pe yg penting doodle tu kita wat sndiri; August 14, 2011 at 8:18 PM
hidayahkhairi said...: tk jdy lha . saye gne blogskin . saye ikodd bende tue tp tk ade pown .; August 14, 2011 at 9:33 PM
Sue Hamiza said...: comelnye..:) thanks..^^; August 14, 2011 at 9:45 PM
NUR FARAH NASUHA said...: amek ^^ thanks; August 14, 2011 at 10:24 PM
Arina said...: Abg wan,baby kecik baru nak buat blog ni,nak cari cbox frame cumil2,jalan2 dah jauh2 last2 terjumpa cumil2 di sini...baby sukke,suke,suke,hekhek..minta izin nak copy ye..thanks byk2..; August 14, 2011 at 10:45 PM
Wan_hazel said...: NUR FARAH NASUHA

welkam..; August 14, 2011 at 10:46 PM
Wan_hazel said...: Baby Alesya

ehehhe..comel nye baby kecik nie...boleh je..akalu tak reti kasi taw k..wan leh tlg...; August 14, 2011 at 10:47 PM
norazwa said...: wan!!>.syer ambik yer doodle yg tomey momey tur; August 15, 2011 at 3:18 PM
Wan_hazel said...: ok..boleh je..hehehe; August 15, 2011 at 3:54 PM
49 said...: tq wan!! sya dh amik..hhu... slamat berpuasa yerr..; August 15, 2011 at 5:02 PM
amir said...: salam . hm . abg wan . yg "kod shout korang" tuh kod ape ? nk cari kat mna ?; August 15, 2011 at 11:54 PM
사유리 하나 (SH) said...: Wan..Yuri [ehek ganjil plak] minta coding swap ni yerk.. tapi yuri tak amik semua coding ni... ambil yang bahagian image bertukar tu aja :); August 16, 2011 at 12:51 AM
niazis said...: comelnyee..amek satu.^^; August 16, 2011 at 1:34 AM
Wan_hazel said...: 사유리 하나 (SaYuRi)

ok yuri...peace; August 16, 2011 at 5:58 PM
Wan_hazel said...: niazis

tengs...ambek je k..ehehhe; August 16, 2011 at 5:58 PM
사유리 하나 (SH) said...: wan. kalau nak letak shoutbox kat header..ada tak caranya :); August 16, 2011 at 7:08 PM
Wan_hazel said...: yuri..leh tgk tuto nie k..

http://wanhazel.blogspot.com/2011/07/tutorial-letak-shoutbox-dalamatasdekat.html; August 16, 2011 at 9:55 PM
f i r d a u s said...: oo mcm wan punye shoutbox tu paggil shout swap ek... hehe mcm mne nk wat gamba lain gk ? kne gune adobe ke ? flash? alaa :D; August 17, 2011 at 12:30 PM
nfarah7 said...: kenape tak center pun? ish!; August 17, 2011 at 4:12 PM
Wan_hazel said...: f i r d a u s

adobe je neko..wat dua gambar..; August 17, 2011 at 7:32 PM
Wan_hazel said...: Yoon Hae

add gadget kat ruang tgh k; August 17, 2011 at 7:32 PM
Mommy's Diary of Life said...: leh guna kan? try sekejap.. hehehe. tq; August 18, 2011 at 10:29 AM
Wan_hazel said...: boleh je..ehhehe; August 18, 2011 at 8:06 PM
Mas Farah (= said...: salam . En.Wan .. Mas amek yee tutor nie .chomell sangat lah . hehehe :) tengz:); August 19, 2011 at 2:40 AM
Unknown said...: ok jadi..1st tu mmg x jdi sbb dye xnmpk..tpi bila edit kekanan bru jadi..admin, thnxs yup..; August 19, 2011 at 11:06 AM
Wan_hazel said...: mas farah

ok je..ehehhe; August 19, 2011 at 11:16 AM
Alya Balqis Studio said...: cantik btl wan buat..guna tutor ni ye..mekasih..; August 19, 2011 at 3:09 PM
Wan_hazel said...: sama2..tengs taw; August 19, 2011 at 7:47 PM
Anonymous said...: salam wan~
kiter buat.. tapi mcm tersorok sikit gambar tu..ashane ye..??

kiter nak tukar jugak url pic tu.. cume blom buat lagi..jdik pakai yg cam lam tutor dlu.. harap xmarah~ huhuu..
tapi tu la.. die tak jadik sgt.. nape ye..?; August 20, 2011 at 3:44 AM
Wan_hazel said...: tak jadi sgt??frame dia tersorok ke??add gadget ka tgh2 taw; August 20, 2011 at 11:31 AM
QasehSuci said...: wan...x jadi pown akak wat...cbox still ada kat sidebar...dia tak sorok pown...camne??; August 20, 2011 at 6:25 PM
Wan_hazel said...: akak..akak kene letak kod shout kat dalam kod tutorial wan tu taw; August 20, 2011 at 7:58 PM
sherryfie said...: wan,asal die jadi kat tepi...:(
cmner nakbuat die jd tengah2 mcm wan punya shoutbox :); August 20, 2011 at 11:31 PM
Wan_hazel said...: add gadget tu kat tgh2 taw; August 20, 2011 at 11:32 PM
sherryfie said...: thanks byak2 yer wan :)
dah jadi...; August 21, 2011 at 12:22 AM
Wan_hazel said...: sama2...; August 21, 2011 at 7:26 PM
D r . C u h a Z a i n i said...: dah jadi...thanks wan..; August 23, 2011 at 7:07 PM
Wan_hazel said...: sama sama....; August 23, 2011 at 7:18 PM
Kiera Rashid said...: comel , jdy ohh . tengss :); August 25, 2011 at 12:39 AM
puterihikayat said...: salam...comel sangat ..wani dah buat ..thankz...; August 25, 2011 at 4:24 AM
puterihikayat said...: banyak bajar tuto di sini :D; August 25, 2011 at 6:14 AM
Wan_hazel said...: puterihikayat

welkam..eehhehe..peace...; August 25, 2011 at 11:32 AM
Alya Balqis Studio said...: wan mcm ne plak coding nak buat float objek mcm wan bt klik saya 2??; August 26, 2011 at 12:00 PM
Wan_hazel said...: tgk tuto nie..

http://wanhazel.blogspot.com/2010/07/floating-icon-link-for-twitter-facebook.html; August 26, 2011 at 9:28 PM
Alya Balqis Studio said...: t.ksih wan..nak cbe bt..:-); August 26, 2011 at 11:51 PM
Wan_hazel said...: ok..sama2..; August 27, 2011 at 11:03 AM
Bella Sahidi said...: Guna tuto nyy (:; August 27, 2011 at 4:15 PM
Wan_hazel said...: ok...; August 27, 2011 at 9:07 PM
Anonymous said...: thanks wan.. tutorial yg cmni wan pnh 1 lg tu.. xjadi pun.. so sue berjaya bt shoutbox gne tutorial nie.. hehehe; September 11, 2011 at 2:28 AM
Wan_hazel said...: hehehe...gud2..; September 11, 2011 at 7:16 PM
atien said...: comel..
amek ea..; September 18, 2011 at 6:30 PM
Wan_hazel said...: boleh je..eehee; September 18, 2011 at 8:09 PM
Sofea said...: terjadikk sudhaa , tengss . :); September 25, 2011 at 2:24 PM
Wan_hazel said...: welkam..ehehe; September 25, 2011 at 8:17 PM
Anonymous said...: done done! eh! bru komen sbb nak tanye ashane nak tukar doodle yg berubah tu.. takut plak nak masukkan kod. takut tak jadik.. huhuu... nk tukar cane ye..?; September 30, 2011 at 6:08 PM
WanScarlet said...: asal shoutbox turun xcentre xnmpk bila turun; September 30, 2011 at 7:11 PM
Wan_hazel said...: ♥tiehanurfatiha♥◕ ‿‿ ◕♥

tukar kat kod nie

'SHout','','http://2.bp.blogspot.com/-3kHKyRUc_ZM/TkdSg9OhC6I/AAAAAAAAH6Q/GiCeUPqfgJQ/s1600/b.png',1)"><img src="http://4.bp.blogspot.com/-hrldhDSQShw/TkdSZ1gHtdI/AAAAAAAAH6I/gdus48XBONs/s1600/a.png" alt="SHout" name="SHout"

yg ,png tu..dari http:// sampai.png..dua dua tu tuka..so satu masa bisa yh satu lagi masa cursor sentuh; September 30, 2011 at 8:42 PM
Wan_hazel said...: Islamic Barakah

add gadget kat tengah2 k; September 30, 2011 at 8:43 PM
miz_anna said...: wan sya ambk shotbox ni ye....tq; October 1, 2011 at 9:37 AM
Wan_hazel said...: ok..boleh je..ehehhe; October 1, 2011 at 9:24 PM
Cik Ana said...: Nape bile klik je kat shoutbox tu die kluar automatically new tab ek??? ade care x untuk ilangkan mende tu???; October 5, 2011 at 12:13 AM
adila ! said...: abg wan . org da test buad ni . tapi ta kuar pun shoutbox . image tu ada . frame suma ada . tp shoutbox ta keluar . kenapa ehh ?; October 5, 2011 at 3:42 AM
Wan_hazel said...: Miss Ana

yg tu mesti guna koding open in new tab tu kan..u maslah tenplate awak tu; October 5, 2011 at 8:27 PM
Wan_hazel said...: adila !

dah masukn kod shoutbox??; October 5, 2011 at 8:27 PM
adila ! said...: kod shoutbox ? apa kodnya yaa ? belum masuk kot . hehhe :DD; October 5, 2011 at 11:45 PM
Wan_hazel said...: kod shoutbox tu leh dapat kat shoutmix.com..hehehe; October 6, 2011 at 10:06 AM
adila ! said...: ohhh . dah letak da . terlepas pandang pula benda alah tu . hehheh . btw thanks yaa . comel sgt ! :DD; October 6, 2011 at 5:01 PM
Wan_hazel said...: hehehe..sama2...welkam..peace; October 6, 2011 at 9:37 PM
LuRVe_aTieY said...: tq wan hazel...atiey dah amik kod nih yer..jadikkk...comei2...i loikeee....suke2...^^; October 9, 2011 at 1:23 AM
::CIK LYNN:: said...: thnks...cik lynn amik shoutbox comel ni....ska sgt2!!!; October 15, 2011 at 2:31 PM
MelHavfiz. said...: tqs 4 the tutorial ! keep in touch !; October 21, 2011 at 8:52 PM
Wan_hazel said...: welkam..ehhehe..peace; October 21, 2011 at 10:20 PM
nini said...: yeay manjadi.. thanks for da tuto :); October 22, 2011 at 9:09 PM
Wan_hazel said...: haniada

welkam...peace; October 23, 2011 at 9:49 PM
anna said...: yess!!akhirnya jmpe jgk tuto nie & bjya wt..tQ wan.... :); October 31, 2011 at 4:03 PM
cik ika said...: da try wat tp shoutbox nye ta msok dlm background uh..pe patot ika bua? die jd pnjg sgt..ika da tukar da code weight n height uh even ika acctualy tataw nk tukar kt ne..bntu ika ley??

law ley bls kt shoutbox ika nt ea...tq~~; November 5, 2011 at 8:09 AM
Wan_hazel said...: cik ika

ika dah ubah lebar dan tggi???shoutbox tu berubah tak ???or kedududkan shout ika yang tak ok??; November 5, 2011 at 10:21 AM
• diahudin • said...: wan! menjadi! but ada problem ckit , dia punya button close tu ke bawahhh sangat . tolong ! :(((; November 7, 2011 at 3:22 PM
Wan_hazel said...: kalau yg tu..buang < br>< br> dia taw..yg kat ats kod shoutmix; November 7, 2011 at 9:14 PM
cik fatin said...: asal bende tuh tak kelua tengah dea kua tepi mcm mane oang nak tulis nnt .tolong tengok blog noniy niy
http://tentangnoniy.blogspot.com/; November 20, 2011 at 9:35 PM
Wan_hazel said...: dalam tuto pun wan dah kasi taw..

Pastikan korang letak kod diruangan tengah dibawah sekali k..

hehehe..so slmt mencuba; November 20, 2011 at 9:40 PM
mochacino said...: memang comel..tapi icon swap bentuk lain ada??? :); November 24, 2011 at 9:19 PM
Wan_hazel said...: tak de lak..hehehe..; November 24, 2011 at 9:49 PM
The Anasa said...: Thanks menjadi ^_^ Cuma mcm mana nak customize (tukarkan ke picture sendiri) ya? Dah renew link, still tak dapat. Btw ini tuto Wan kan>> http://eida-hafieda.blogspot.com/2011/10/tutorial-slide-shoutbox-icon-swap-edisi.html Atau pun sudah beri izin ? hehe; November 28, 2011 at 6:05 PM
Wan_hazel said...: kene ubah dua image tu..ade je tgk kat icon dia...; November 28, 2011 at 8:32 PM
fatyn mayda said...: abg wan cmne nak bgi dy hilang balik???; December 8, 2011 at 12:07 PM
Wan_hazel said...: maksud nak bg dia hilang tu??; December 8, 2011 at 9:52 PM
wany said...: tengs abg Wan..tpy pic laen ad x??
s0wy byk tnye..; December 21, 2011 at 11:40 PM
Wan_hazel said...: ada rasanya..try cek kat frame shoutbox..bhgian tuto tu; December 22, 2011 at 9:41 PM
Jiqaa said...: sukaa tuto nie ! sy ambil yea ? :); December 22, 2011 at 9:56 PM
miya zahra said...: Thankksss wanhazel comell nya doodle neee~; December 27, 2011 at 2:40 PM
Anonymous said...: dah paste da code tu, ade da..tp mcm kosong je..xde pun tmpt nk taip nye ape ke..; December 27, 2011 at 8:30 PM
Wan_hazel said...: dah masukn kod shoutbox??; December 27, 2011 at 8:31 PM
Nurul Aisyah said...: wah menarilk...tp nape dia x center...dia terkeluar ke bawah...x duk tgh2...da buat ikut sizenya tp jd mcm tu???? kenapa? :(
tolong!!!!
dia ke bawah!!! ke bawah!! napa??
padahal ada lagi kosong kat atas tu...isk2...plsss e tolong; December 29, 2011 at 10:42 AM
Nurul Aisyah said...: oh..ye...tlg bg tau kat sy suruh tgk komen wan kat sini...takut lupa nak tgk...visit http://tiniersakura.blogspot.com; December 29, 2011 at 10:43 AM
Nurul Aisyah said...: wan...isk2......ce tgk kat
http://tiniersakura.blogspot.com

dia x center...; December 29, 2011 at 10:56 AM
Wan_hazel said...: ok..wan akan tgk; December 29, 2011 at 11:40 AM
Nurul Aisyah said...: terima kasih wan...tp dia x center sgt..knp e?
kalau wan pun da x tau mcm mana nak tlg...xpe lah ok la..; December 30, 2011 at 2:02 PM
Wan_hazel said...: add gadget kat tgh2 k; December 30, 2011 at 11:05 PM
Fathanah said...: salam wan,,cne nak dptkan kod shout tu,,bile bukak shoutmix,com tu musti cm error in page.

bole x wan bg 1 cnth kod??

time kasih :); January 2, 2012 at 12:27 AM
Anonymous said...: abg wan,,org amek ek,,time kasih..

yg len sume da ok..
tp nape shoutbox xkeluar??
pastu bile nk dftr ke cbox
asyik2 kate name already used
geram!!

cane nak buat abg wan??
help me pleaseee; January 2, 2012 at 3:21 AM
Wan_hazel said...: try buat dgn nama lain k; January 2, 2012 at 9:08 PM
Wan_hazel said...: fathanah

buat cbox k..nanti ade kod dia..; January 2, 2012 at 9:09 PM
Unknown said...: alhamdulillah...dah menjadi..terima kasih wan...
^^
banyak yg ngadu,napa cbox muncul tak center...
rupa2nya kena letak kotak html/javascript utk kod ini ditengah a.k.a di bawah blog post..hehehe..
wat suspek jer..eh,suspen..
heeee; January 14, 2012 at 8:18 PM
Anonymous said...: urmm..buat tuh dah menjadi..but
cam na nak bagi dia ke center ekk..
sebab dia kat tepi la.. so x leh nak chat langung; January 19, 2012 at 10:38 PM
Wan_hazel said...: add gadget letak kat tgh2 page elemant k...letak kat bawah sekali; January 19, 2012 at 10:46 PM
Anonymous said...: ok thanx ! dah jadi dah..! ^_^; January 20, 2012 at 5:52 PM
Michiyo Zakwan said...: Abg WAN . . . memang comel . Tapi saya bdax gii hahaha . so x tau sgt nk buat bnda nii . . adoiii >.< . .; January 30, 2012 at 8:45 AM
CHIeqs said...: masih confius..camner nak dapat KOD SHOUT KORANG tu..dah buat xpi x jd.; March 18, 2012 at 11:39 PM
Wan_hazel said...: kod tu dapat dari fibox / cbox or mana mana tempat je...; March 19, 2012 at 12:36 PM
AinZaini said...: salam...dah try wat..bleh click n kluar shoutmix tu, tp xbleh nak tulis...dia xkluar tmpat nak tulis..nape ek?; March 27, 2012 at 1:07 PM
Wan_hazel said...: tak keluar..pelik..kalau masukn betul2 kod shoutmix.mesti akan kluar...kan skang shoutmix kene bayar dah bayar blum???kalau belum guna je fibox.com k; March 27, 2012 at 8:50 PM
shera said...: Shera dah buat ikut tuto ni betul2 , tapi macam kebawah sangatlah . Button close tak nampak . macam mana eh ?; April 17, 2012 at 5:53 PM
Anonymous said...: thanks wan .. dah guna ... comel gi;eee :D; April 22, 2012 at 12:55 AM
Unknown said...: tq,,,m'jd.chomel2 sgt gurlz kai tdng,,,@___@; July 3, 2012 at 7:22 PM
Cik Siti said...: salam..tak boleh pun...dia keluar doodle comel tu tapi bila tekan tade pape..tak boleh shout komen pun..tolong..tolong..; November 9, 2012 at 10:14 AM
Wan_hazel said...: masukn kod shoutbox dah blom??; November 9, 2012 at 2:26 PM
~✿Yuhana Shiraen✿~ said...: wan... comel seh doodle ne.. sy amek yea.. :) thnks :); November 22, 2012 at 1:47 PM
Anithazlan said...: salam, abng wan nk tnya. kenapa shoutbox tu trus kluar? bila tekan close bru di tutup.; November 23, 2012 at 9:50 PM
Wan_hazel said...: salam..mesti awak ada guna welkam image kan; November 23, 2012 at 11:57 PM
Unknown said...: Amek ya :); December 4, 2012 at 4:00 PM
Unknown said...: tak pandai nak buat.. tlong .. :'(; December 10, 2012 at 5:10 PM
Wan_hazel said...: cuba lagi taw; December 11, 2012 at 9:18 AM
Anonymous said...: abg wan nk share tuto kira credit kat abg :); January 8, 2013 at 4:52 AM
Wan_hazel said...: OK silakan; January 8, 2013 at 2:07 PM
Unknown said...: wan..saya amik ni~ thanks :); March 4, 2013 at 11:22 PM
Hambali_AdidasCrazy said...: Thanx wan...sangat membantu!; March 23, 2013 at 12:15 AM
liyanazahirah said...: thanks wan. suke sgt. siap ade freebies lagi :); April 11, 2013 at 8:58 PM
♥ Nur Hazlina Binti Mohd Fisol ♥ said...: Salam, saya minta izin guna :)
semoga dimurahkan rezei..dapat idea yang gempaq2 lagi...^^; June 21, 2013 at 7:41 PM
deknor said...: salam abg wan..sy minta izin gune ye.. 😊; April 15, 2017 at 9:19 PM