Salam Korang...
Kali nie Wan nak wat Tutorial Slide float Shoutbox with cute Frame and icon..Dalam bahasa melayu nya..Tutorial Slide float shoutbox dengan bingkai comel dan icon...ahhaha..Memandai lak Wan..Ok Law korang nak tengok contoh nie korang leh tengok kat blog WanhazelJunior Shout yang sebelah kiri taw..Korang klik ke..Tu lah contoh nya..So menarik tak??
Kod nie Wan koding sendiri k..Hope korang tak ubah lah koding asal nie..Bukan senang nak susun and baca bahasa HTML nie...Lepas tu ada lak yang mengaku dia yang wat kan..Macam Shout Ajax Float yang sebelum nie..Banyak lak yang mengaku dia yang buat..tapi tak pe lah...Segala yang baik tu untuk dikongsi..Law nak Copy Tutorial nie Copy je lah ...nak credit kat Wan or tak nak tu terpulang..Bergantung ngan niat hati orang tu ..K lah merepek lak Wan..Law korang nak..
Jum Tutorial..
Wan akan mudahkan Tutorial untuk korang faham..
Dashboard>Add gadget>HTML
gadget paling Bawah ..
Law dah..Copy and paste kod nie dalam Gadget HTML korang tu..
Lepas korang copy kod tu..Korang masukkan kod Shoutbox korang k..Dekat bahgian yang Wan ada tulis tu
Masukkan Shoutbox korang denagn lebar 270 dan tinggi 280
.
Dan law korang nak Ubah Frame untuk Slide Shoutbox korang nie..Korang ubah kod yang nie..
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdXnk6QN4ebPv5mP-hdXOk6e8Wq5ngi1ZGqdsipdvozH6piZFO1nMutLgLkT6Bs5V_AY19zDKvFNZtmcB0F5nmHckt2QTfGYTwI42OsE8rx3SmQuvYdnHF8FTElVyvDPtdtXuzYfWg3iM/s1600/kak+yana+shout+frame+copy.png
.
Dan law korang nak ubah Icon Slide Shout korang nie lak..Korang ubah kod nie..
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE4nNYYNNS0p0fDFx-IuDmLCGfgomaea_fMW_8y09crTvUjv8tmXFh5fiXYt3U4OH4IAL3AKtvYix29pE2C48_qDywyWoeOWDXN-85IQK5roZbIYEdfUEuOzABvxcu4bfHJgN6KXNgD5Bl/s1600/icon+shout.png
.
Dan selesai..Senang kan..Kat Bawah nie Wan bagi percuma Frame Shout..So korang leh guna lah..Frame yang kat dalam Kod kat atas tu frame dia sebijik macam gambar kat atas skali tu..Yang kat bawah nie untuk korang tukar tukar Frame..ehehhe.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVwqFDatrwd02VXZBibUzjVlhyLQ4oPEojG3HbzGSU0EvhGltzPIDT-eR-EmOAEXSXipuVy1Fjv6BO6k88iH506MYac9FhAfjxOUw1f_zz4scfekfi7zTNYUR8JxzUmpcHFwKIBMPTSrbg/s1600/wan+shout+frame.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd1hzJBEMkFfm2czBnP38kQBV9DPBlsLfMPJGdTcJc3G-41SBTW9YKEtutfKChYO1Klu4dDr7aJ7f9S6bAREshskEWuWusUBYuiQQ4bDDx8X_rg1c2a3_t7faLK8A4Eu4-Pk7mm9X7mUe3/s1600/wan+shout+frame1.png
Ok tu je..
So Perbezaan Slide and Ajax Shoutbox cuma cara dia keluar je kan..hehehe..
K lah korang..
Selamat mencuba..
Sakit mata lak wat kodding nie..
.
269 comments:
1 – 200 of 269 Newer› Newest»comelnye wan design. :)
dill.
ono yg best ni! :D
comelnye~
comel2 . .
geram tgok . .
tahniah berjaya menahan mata . .
hehe :)
thx wan,, shoutbox sy dh mjdi ^_^
Makin kreatip wan nih ;)
Wan, jemput join giveaway from Moscow ye. Sebab ni last year ML kat sini. Ade hadiah special menanti sesuai untuk laki or pompuan ;)
saya try guna ok!
abang wan..thanks..terbaik!!
wahh ! cute gle ! sng je ikot step by step..tq wan :))
comey:)
wan...nape cuya nak chat kat shoutbox wan kuar gini:
-Shout not posted. Your IP address (203.82.92.1) is found on the stopforumspam.com blacklist.-
tp bila cuya tgk kt website tuh, ip cuya tkde pon kne spam..wuuu~~~
nape nih..sedeyyyy:(
nice tuto...
wan.. fqah try buat.. tapi dya x kluar habis.. sekerat.. kenapa yer,,? thanks sbb sudi tolong..
nak tanya nie.. fqah try buat.. but keluar sekerat je.. boleh bagi tau tak mcm mna nk repair.. thanks.. :)
thx bg tutorial ni...
pas exsm nk test la..
salam..singgah2 jap.teruskan mnulis..jgn lupe sgh bumi morocco
dill
tengs taw
Aerol Hafiezi
hahaha..tengs
hidayah sapidih
tengs taw
faidah misnan
tengs n taniah balik..ehheheh
ratu zuleyqha
hehehe..welkam..senang je kan
miszlullaby
Insya Allah ML..wan akan join...hope wan memang..ahhaha
Atie iskandar
ok boleh je
shafiqah sabri
ehhehe
baik punye..ehehhe
||♥CuyA♥||
tengs,...cuya..mungkin ada maslah skit tu...nanti ok tu kot
Hs NajwaRockhopper
tengs taw
dibofiqa
oelik nie...napa lak kuar stngah nie...nanti wan tgk k
Sha-na.Szied
ok...wan akan singah..eehhe
amek frame design ni eh :)
suke suke , nk try lahh . teehehehe ^^,
huhu.. cute frame tuh.. saya ambik satu.. hehe :)
wah mcm nk try la :D
menarik2. sgt kretif ^_^
cikAida
ok..no problem
Cik NuRuN
hehehe..boleh je...
Kuchiki EnnaMoon
ehehhe..ok ..boleh je
UYC
ehehhe..boleh je
k.h.a.l.i.l.a
ehhehe..tengs
knp SB tak masok center btol2 lam frame tu ehh ? da byk kali adjust width ngan height , tapi mesti tekeluar dari frame tu . huuwwaaaa!!
Cik NuRuN
wat sndri ke frame SB tu??try ubah padding lak k
Comelnya ! Suka !
fatin nabilah ;)
tengs taw..leh lah guna tu
Wan!Sebenarnya dah tulis dah kat shoutbox.Tpi takut wan tak perasan lps2 wan pon kata saya tak mintak izin ambil background ni.Amin ambil background shoutbox ni ye....bye
thxx 4 the tuto...!nice..lynn try dis tuto n ia mnjdi!:D...xpa kan lau trus guna ???hehe
amin
ambik je..tak kasi taw pun tak pe...
lynnQiieyna
terus guna pun bleh..ehehhe
thxx wan!:D
welkam..eheheh
wan , saye amek design wan letak kat blog saye okey . tq :)
SHAHIRAH ADIZAN
ok no prob...ehehe
thanks wan... gary dah buat..jadi... cuma ada masalah sket nak center kn shoutbox tu supaya ngam2 dalam frame..hihihi....
GaRy™
nape jadi tak center erk???pelik tul lah...
salam. nice tuto. tp kenapa bila click shoutbox 2 float sblh kan;bawah icon sbox.. cena nk centerkan???
nurul
nie mesti add gadget kat ruangan tepi kan..add gadget kat tengah2 taw...plig bawah or atas kat tgh2
owh.. hehe. thnx yawh!
welkam..ehehehe
Abg wan , Ambik satu bolehh ? Credits lahh .
ok..leh je..tak de masalah...
Dah bnyak kali cri shoutbox mcm ney .. nk ambik satu gadget ea ?
ok..ambek je..ehehehe..peace
tq2,. jsamu ta akn dlupa slmany!
salam wan,,,
cbe cbe tgk shoubox saia,,
size ok but taa kedudukan dye taa center lorh,,=((
cam ne aek nak adjust
orneh
tengs...tengs sesangat
chekyam
ok wan tgk k...
salam wan,,
da tgk blom,,
shoutbox dye taa center lorh~~
blog tuh mmg taa derk pape..
coz naa design dlu br isi2 semu,,
hope wan boleh tolong cam ne naa adjust,,=)
taa pe wan da ok,,
btw,,,thanxx for the tutorial=))
wan, thankz tutorial ni... tp cm ne erk nk bg center shoutmix dlm kotak background?? cbe try tgk slide float shoutbox yg sy wt...
chekyam
welkam...senang je kan.godek2 skit mesti leh ..
fasihah al mujibah
ok..wan tgk k
nak try...nie ....kite amik eh..tq..wan hazel
welkam..try lah..eheheh
tq wan... nice tuto... really2 love it :)
Pr!ncEsz CadBurrY
tengs taw...peace
knpe x jd :(
tak jadi??jd camne tu??
haha , baru jadi , terima kasih abg wan :)
welkam..peace
Saya ambik satu frame eh?
thanks wan. tapi nak tanya, macam mana nak center kan float tu? biar dia keluar ke tengah? tepi tak nampak sangat la wan.
Nur Batrisyia
ok..
Atendaae'
add gadget paling bawah dan tengah2 k...letak gadget tu kat kawasan tgh2
salam,,
actually bnda yg saia naq tanye nyh tak derk kne mengena dgn slide float.
hope taa kesah
juz naq tanyer kenape post title saia tak menampakkan diri nyer :(
kira mcm transparent gituh
padahal kat designer saia tak set transparent pown..
hope wan boleh tolong ~~*
law camtu try tgk kat setting lak k..or edit kat HTML
yg bermasalah bukan nyer title header
but title post
setiap entry yg saia post tak derk tajuk,,
rse nyer kat *setting* tak derk citer pasa title post kowt,,,
klw kat edit html pulak
atoi taa fhm satu apa pown,,,heee
wan . nape ek fara nye shoutbox uh terkluar dri frem shoutbox uh ?
terkeluar???terkeluar ketepi ke ke bawah??
cik yam
try tuka warna lak??leh tak...
thanks byk2 wan:)
welkam..peace
wan tenkiu..sy dh buat ikut y wan aja..dh jadi..sukanya..tenkiu2
hehehe..welkam..ehehhe..peace
assalamualaikum,
nak cari mana frame tuhh ?
ade frame yg wan bagi tu..and leh gak tgk kat sini
http://wanhazel.blogspot.com/2010/08/frame-terbaru-untuk-ajax-float-shoutbox.html
npe xjadi?? xley nak bukak slide nye tu..
eh..pelik nie..nape lak tak jd??
comel sgt =D
wan, kmk amek tok design..sern tok..harap wan izin..ehhee...
faten
tengs
ok...ambik jak
comel...:)
wan..da menjadi tp kenapa bukan kat tengah :(
pastu die turun laju2..
how ehh??? pls..~
add gadget tu kat tgh2 taw..jgn letak kat tepi...law trun laju...tu bdasarkan page sha.rngan...bagus lah tu...
wan kawe amik koding awop neh.hehehe trimas bro ^^,
ok..ehehhe
salam,asal boleh buat tapi xboleh tutup ek
takde button close ke??
wan jiha d atry da wan pnye shoutbox ni fram n icon skali..tp jiha nk bg frame buat centre cmne ek? dye kuar at tepi la.. hee tlg jiha bleyh? maseh wan ^^
jieha add gadget kat tgh2 k..jgn guna add gadgegt kat tepi..gun ayg kat tgh2
kenapa saya buat shoutboxnya tekeluar dari frame ?? lebar dengan tinggi dah adjust .
wan..sory saya gggu...bk try buat untuk cbox leh x??
boleh gak...heehe
awie wiwie
kluar ke tepi ke ke bawah??
^_^ saya minta kebenaran guna coding yang wan wat eh..chomel sgt!sgt2 suke.. :)
boleh je..ehehhe...peace
tak jadi laah :(
eh..pasal tak jadi
hye..npe tak muncul dri ats atau timbul mcm tuh?
dy kuar dri tepi..plisz3!!!
bg jwpn here okie:
http://nonasani.blogspot.com
ok..wan tengok blog k
wan..nk ejas width n height k kod mne ek?? hehehe..sori wan..
adjust dekat shoutmix or cbox...
erm...nk tanye laa..
erm..td buat slide shoutmix..then dy kuar tab baru..
wut is that yer?
then..i changed back...hahaa
plis answer it
ehehe..sori tnye lgi..erm..
haa..ade tak icon shoutmix yg len..
ahha...tolong answer cmaner nk wt slide shoutmix tuh..td buat then bile tekan je..kuar new tab..tekan close pon sme..
haaa....dtg sini yerr..
http://nonasani.blogspot.com
dh tukar jdik ta slide laa...tp nk wt..
blog lg satu buat uh jadiikk..yg niih tak lol..
plis3
salam wan...
cute la frame tu,akak copy ye..halal ye.. ;-D
baby
maksud kuar new page tu camne??pelik nye...law nak icon len..leh cari kat tutorial tu..ade icon icon tu
kak arina
ok kak..leh je..ehehhe...semua nya halal
ai wan..
kimi dh try...
menjadi..
hehehe..gd2..tepuk tgn skit..hehehe
tumpg beljr tuto yer...anwy,nice tuto..tp an cm ne nk resaiz frame tu..??
nak resize frame yang mane erk???frame tu ke??kene edit kat adobe taw
Thanks Abg Wan , da jadik , lame da cari tuto ni , thanks again k .
Zakirah Zainal
welkam..hehehe...
thanks so much. dah dapat. hee :)
welkam..peace
comeynyee...! nk 1 jgk boleyh... heee
zaza..boleh je...ehehhe
saya try satu jugak eh..tq..comel sangat ! :)
hehehe..ok boleh je..
da try,tp kua kat tepi.. adeh... sdih la plak.. hukhuk
add gadget kat page element tu kat tgh2 taw...jgn add kat tepi k
erm.. salam wan, mira amik eh code ni.. dah try tp xleh close button napa ek? button close tu ada. hrp wan boleh bantu..tq!
oh xpa2 wan dah ok dah..hehe
tq utk code ni yaa!=)
ok..peace..eheheh
salam . . wan muni amik yew shoutbox neyh . . maceh :)
murni
ok boleh je.hehehe
wahh! makaseh.
tp yg shoutmix uhh tk dok blakng frame. cmner?
macam ne tu??tak dok blakang frame??
?cm mne nk letak code shoutbox ??kosonh je ..x de ppe /..
erk...mesti nie tak baca tuto...ade je dalam tu wan tulis kod shoutbox..so letak kod shout dalam tu k...
HAHA . thanks . menjadi :))
noona gne boleh heheh
tq wan hazel
welkam..ehehe..peace
abg wan.. saye amek design abg ye :) sye new bie.. xtaw nk buat.. blja dr tuto abg
comel..sye amik yer..thnx :)
ok..boleh je..ehhehe
amirul azri
ok boleh je..hhehe
me kasih abg wan.....
sama sama normaiza
wan..xdpat buat la wan..ukuran frame xsesuai ngan shoutbox tue..cmne nie wan??dah ubah kod tp..ewmmm sdihnyer..
mimi_atia
dia jadi camne??kasi taw k..ade FB tak???PM wna kat FB k..Wan hazel
salam wan,
akak dah try buat tau tp SB tu x ngam2 la dgn frame..nmpok klakor pulok! haha..akak dah try adjust2 size SB tu..dah remove 3 kali dan buat lg still sama jgk..nway kreatif la awak..NICE!!
misshannajr
akak akak ade fb tak??law ade PM wan kat FB k...Wan hazel/nanti wan kodingkan
saye amek frame ye 1 yee..thanks wannn...
dah jadi.. :D
thank .. da lme tringin nak buat kejadah nie.. hihi :D
erm....
jadi tapi nape x centereh..??
dah try taruk kat tengah...
tapi same je...
cane ni....?
ermm....
jadi tapi nape x center eh..?
dah try taruk tengah
tapi same je....
cane ek....??
BuDaK
tak center ke??pelik betul
erm cane tu....?
erm...try guna slide yg swap nye icon k...
Thanks dude ! :D
kenapa saya buat shoutbox kat atas tuu.. saya dapat frame dye.. dah msukkan chat box tuu tapi kenapa bila tekan bende yg sptutnya terjun turun tu x ad?
HTTP://WWW.SEJESUKESUKE.BLOGSPOT.COM
tak de..pelik nie...dah pasang belum nie???add gadget kat tengah2 k
welkam...
Thanks wan :)
welkam ika
thanks for ur tutorial...:)
nak satu , . comel sangat :)) ty
nanak satu , . comel sangat , .ty
welkam..ambik je...ehhehe
salam abg wan...sy da buat n try ratus kali..( hiperbola jer..)hehe..memang jadi tapi shoutbox tu keluar ikot tepi pastu separuh jew...cane nk suh dy duk kat tengah ek???...plisssssajarkan sy...huhuu...kechewa neh..(T_T)
cty amek eh frame shoutbox uh .hee
abg wan...dah duk tgh2 dah...wahahaha...salah letak rupernyew...patutla tak nampak..anyway...thankss dengan segala bagai tutorial nih...huhu...
Neomu neomu gumawo !!
RynieNas * KyuRyn
welkam..ehehhe..peace
ciwty sajjeh
ok..tengs taw..
wan cntik la . . tomey sgt2 . . t bt la pape yg lg cntik . . suke sgt . . :)
ammy
ehehhe..tengs..insyaAllah wan akan wat lagi
wan...xjdi laa...npe dia ke tepi sgt size daa tkar tpi still xjdik huhu
yg nie tak jdai tapi yg satu tu jadi kan..ehhehe
abg wan..
apsal sy buat x jdi..
huwm..cedey :(
nape tak jadi???boleh je law betul2 ekot tuto tu
mekaseh ye wan..shaz da cbe..berjaya!!ahakss..
welkam..;peace
thanks wan...berjaye buat..
sama2..ehehhe..peace
:) thanks wan :)
welkam..
nape noniy punye shoutmix tuh tknak masok dlm bingkai dea tuh pening laa .haha tolong
ermm,,wan..tengzs..darh buad tpi dier kuar spruh jer,,
tlg pless
hurmm,,ta pe larh..dier darh jdi..
thnx wan ... ske3 !!! :)
x jd la wan..:(
tak jadi???pelik
Post a Comment