Wadah Madrasah Pengalaman: Tutorial tukar Icon Shout untuk Ajax Float Shoutbox

Tuesday, August 31, 2010

Tutorial tukar Icon Shout untuk Ajax Float Shoutbox

.

Salam Korang...

Hari nie Wan Nak ajar korang camne nak tukar Icon Shout korang (bagi pengguna Ajax Float Shoutbox)

Senang je....

Bagi pengguna blogger template/layout korang g lah kat mane korang letak kod Ajax Float Shoutbox korang tu...

Bagi pengguna classic template plak korang masuk je ke ruangan Template korang .

Lepas tu korang cari



CTRL+F serentak..copy kod  dan korang paste keruangan find.

Lepas tu korang cek kat atas kod tu  korang akan jumpe kod yang camnie...contoh kat bawah

</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">



Law korang dah jumpa...Korang ganti kod yang bewarna pink tu dengan kod icon yang korang nak kat bawah nie...

So jum tengok Icon Shout ..

-------------------------------

"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_EOmXa_qlsgJATaIehirLi7XIHIlpm8quyR7PZoPXIC5uI8Usk8rFnccc0D4QDHSiT7ioQXu_nGqJ8KKqvswKYLOa8pOAFgEvgAA3FV5FT0TvzUwGHPbUONLnIu73_ZSHn2WPbCoLb7uM/s1600/mary+icon+shout.png" border="0" width="250" height="250"

"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1m9U4i8gElweXDqqHQxfCDIhvkiLy0Vd2vL9rtraVfmQ5dG9TIxX_NgD65s_bwp-eR-8r95vGqRTlP3N1S5KqnJ0LxGBq4TVC7ltmji9PUBS7vOulFnk2TxzFP4avYuXdLwtSOKihHZ5T/s1600/icon+rainbow+shout.png"border="0" width="250" height="250"

"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh90g-F61P82CqcuHWWbTAzRwq3dYXro2PyyRNv21VBHjSo4bf96ahy39PrBEGbZUZAoxLV6-KuBlTYa5PoqhdbC-kP6fQsinp5wKbiaU3I1GDCqR0NOJmqcJYXpvZc1tA2B2lfn5Q2qKlY/s1600/icon+shout+rainbow.png" border="0" width="250" height="250"

"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBqOdvbkLz1p4cOLifHXZZkITtXax8q2DicBw94u0NgPo_rkK65JoBhRjDU0lAGTYUCrGX3LpDUahVobBR5r2xLHZUv5J7E804kbriQImo9cawZ9qIs9eo5NFtsvuetwyMBEitEoqyL1Bh/s1600/tikus.png" border="0" width="250" height="250"

"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW_2CDV8xOoUi5X4qyd3rdwASl_p_oBMIPHDe0Dr8fqBIpJFwIjRXsP0DCB5kHPVSoucStE48E6B3tE6eiNvLq_CAOtWrWi_f_jVdacIuIevH3Mm1CR8o54hyphenhyphennTgS-3daYhf9BmbX0p1sv/s1600/icon+teddy.png" border="0" width="250" height="250"

"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCn6IeVc5l9gyIfTvK9ijMio7-_KHWp8oB8_1mtthbYIo4KrjHhUedcT463uC5hKpiaZtQ7mUdxmMtNOhJ0xek1llJ2JbLnKaQCj_yMQjVZSSVxQ93l3XuZZ0R1xsjrXi6qXcyJ3z3xBqp/s1600/icon+meow.png" border="0" width="250" height="250"

-----------------------------------

Korang copy kod Icon Shout tu and gantikan je

Owh ye width="250" height="250" tu korang boleh adjust ekot kesesuaian blog korang k..

Selamat mencube k..

Pastikan korang bace betul betul ye..jangan silap..ehehhe.

.

74 comments:

AiHika said...: shumel .; August 31, 2010 at 1:36 PM
Wan_hazel said...: نورول فاتيحه

tengs..hehehe; August 31, 2010 at 1:38 PM
Cahaya Kehidupan said...: comel yang teddy bear pink tu..hoho; August 31, 2010 at 2:28 PM
Wan_hazel said...: Nur Hayaty

hehehe,,tengs sis..; August 31, 2010 at 2:42 PM
cHEnTa TiKa said...: cmner nak wat ajax... huaaa; August 31, 2010 at 3:15 PM
Wan_hazel said...: tiKa_AkiTa

nie link nye..law tak faham kasi taw k

http://wanhazel.blogspot.com/2010/07/tutorial-ajax-float-lebih-cepat-nak.html; August 31, 2010 at 3:22 PM
Rahsia Sihat dan Anggun said...: sangat lawa...x puas ase tgk blog sendiri..hahaa; August 31, 2010 at 9:31 PM
Wan_hazel said...: AinDeLuvlyangel

hahaha...tengok setiap minit je..hahaha.; August 31, 2010 at 9:37 PM
CIK TOM said...: comel2nye icon ajax shoutbox ni...; August 31, 2010 at 10:37 PM
Wan_hazel said...: hehehe..tengs cik tom; August 31, 2010 at 10:43 PM
EkaWeird said...: comelnye kucing tuuuu...... ^_^; September 1, 2010 at 11:43 AM
m!3yr4h_LolLy said...: tutorial yg b'kesan...; September 1, 2010 at 1:24 PM
m!3yr4h_LolLy said...: nk mtk tlg ajrkan mcm mn nk wt scroll kotak leh x???; September 1, 2010 at 2:23 PM
AiHika said...: nk tnye skit . skit je x bnyk . hehe
watermark 2 ape?
untk ape?
mcm mne nk buat watermark?
mcm mne nk ltk watermark kt gmbr .
skit je . x bnyk pun . hehe; September 1, 2010 at 5:28 PM
Wan_hazel said...: EkaWeird

hehehe...comel..huhuhu; September 1, 2010 at 7:48 PM
Wan_hazel said...: :: m!3yr4h_nAnEA ::

tengs.huhuhu..nanti wan watkan tutorial nye k; September 1, 2010 at 7:52 PM
Wan_hazel said...: نورول فاتيحه

ok nie tutorial nak letak watermark k..

http://wanhazel.blogspot.com/2010/05/photoscape-download-tutorial-nak-letak.html

law nak wat watermark tu sukati design pun ok asalkan hak cipta tu kite yg punye...; September 1, 2010 at 7:55 PM
Cik Su Life Cycle said...: ade tak icon rama2...tuk blog cik su..hehe; September 1, 2010 at 10:27 PM
Wan_hazel said...: cik su

law nak wan bleh watkan...; September 1, 2010 at 10:44 PM
ι ℓ α α α ♥ said...: Abg Wan ;) .
kiter amek satu yer . =P; September 2, 2010 at 12:51 AM
Durrani Zamri said...: wan! kalau nak request sumtin buleh x..
kalao x keberatan la..
buleh x wan buatkan gambar katak keroppi yg cumel untuk tukar icon shoutbox..? hihih~
xbuleh xper la.. =); September 2, 2010 at 1:03 PM
AiHika said...: oo . ok . tenkiu wan . =); September 2, 2010 at 2:26 PM
Wan_hazel said...: Ilaaaa ♥

ok..ambek je k...; September 2, 2010 at 4:37 PM
Wan_hazel said...: Bit Zamri

tunggu k; September 2, 2010 at 4:37 PM
Wan_hazel said...: نورول فاتيحه

welkam..; September 2, 2010 at 4:38 PM
Durrani Zamri said...: hihi~ Thanks wan..
yup, yg macam dalam belog bit tuh katak dia..ihihi~; September 3, 2010 at 1:33 AM
Wan_hazel said...: Bit Zamri

cek mail k..wan send n koding shout bit semula..gantikan je kod lame dgn kod yg wan send kat mail tu nanti..; September 3, 2010 at 9:31 AM
Durrani Zamri said...: WAN HAZEL..
~serius cute mute..cumel sgt!!
shuke giler..! thanks so much tau.
hihi~ 1 day nak review blog wan dalam blog bit.. hihi~ buleh? nk tlg pomotkan.. =)
~wan, shoutbox keroppi bit tuh nak jadikan limited edition only for my blog je buleh x?; September 3, 2010 at 4:35 PM
Wan_hazel said...: Bit Zamri

ok2...no hal..yg pting enjoy blogging k...hahaha...tak pe blog bit je yg akan gune shout katak comel tu...limited edeition kluaran wan hazel..jgn risau org len tak leh gune..wan tak kan kasi kod die k...; September 3, 2010 at 4:39 PM
Anonymous said...: sy nk 1 . tapi knapa tak dpt ea ? dh copy semua tapi icon tak kuar pun ? huhu . boleh tolong :); September 17, 2010 at 1:05 AM
Wan_hazel said...: kikilalahsite x)

tak kluar???mesti kluar nye...semua bleh taw....mungkin load page kilah ade lambat skit..try tggu; September 17, 2010 at 9:17 AM
Anonymous said...: cam ne lak klau nak buat icon sendiri eak ? same gk ke ? upload kat photobucket then ambik direct link . ps tu paste kat "link" cm kat atas ? :); October 5, 2010 at 7:26 PM
Wan_hazel said...: Anonymous
a ah...; October 5, 2010 at 7:49 PM
eila said...: tkar leyh..
nk gurl wane cekelat tu...wink3; October 29, 2010 at 3:35 AM
Wan_hazel said...: eila

bleh je eila..ehhehe..tuka lah; October 29, 2010 at 4:33 PM
Amiey White said...: cumey ... yg atas sekali sangat cute .ngee... :D
hazel pro~; November 10, 2010 at 2:54 PM
Wan_hazel said...: amiey..

tengs taw..biase2 je; November 10, 2010 at 7:30 PM
αииɛ ƨαм said...: ada orang mntak saya buat tuto pasal ajax shoutbox. saya link kan semua tuto shoutbox wan.
sebab tak nak copy.; November 18, 2010 at 10:50 PM
Wan_hazel said...: Ғмɛσω

ok2..tengs taw..; November 19, 2010 at 5:05 PM
be loved... said...: knp gamba dye mcm tuh?'upgrade to pro today'?; January 6, 2011 at 2:03 PM
Wan_hazel said...: ade maslah skit ngn phtobucket..tggu je k..; January 6, 2011 at 7:52 PM
Shaza Najwa said...: klu nak wat bnde ni cmne r?; January 15, 2011 at 10:19 PM
Wan_hazel said...: Nur Shaza Najwa bt Rosshidi

ajax float shoutbox; January 15, 2011 at 10:44 PM
Shaza Najwa said...: ada dkt situ ae?; January 15, 2011 at 10:54 PM
Shaza Najwa said...: nak yg dpn nye bkn background nye; January 15, 2011 at 10:55 PM
Wan_hazel said...: Nur Shaza Najwa bt Rosshidi

maksud??tak faham lah wan..; January 16, 2011 at 12:17 AM
Shaza Najwa said...: yg wan wat tu nakw at cmne?; January 16, 2011 at 12:39 PM
Wan_hazel said...: Shaza Najwa

kene wat ajax float shoutbox lu...bru leh guna icon nie...; January 16, 2011 at 2:04 PM
Nur Asyiqin said...: x jadi la , dia keluar "this image/video has been mover or deleted " huh! frust . x jadi :(; February 5, 2011 at 9:03 PM
Wan_hazel said...: Nur Asyiqin

erk...tak mungkin lah...try guna icon kat dlm entri tu..; February 5, 2011 at 9:05 PM
QHaziq said...: tak jadi laaa nak tukar icon ajax shoutboxx.; March 6, 2011 at 8:50 PM
QHaziq said...: takleh laa letak icon..saya nak letak icon nii!!!!!arghh; March 6, 2011 at 8:57 PM
Wan_hazel said...: jgn marah2..law ekot step n sabar..mesti boleh...law susah sgt..kasi kod shoutmix kat wan k..kat FB...PM je wan..Wan hazel; March 6, 2011 at 10:53 PM
QHaziq said...: hehehehe dah boleh letak icon; March 10, 2011 at 4:26 PM
QHaziq said...: wan..camner nak adjust kedudukan frame ajax shoutbox ni???; March 10, 2011 at 4:27 PM
Wan_hazel said...: wan dh adjust tadi k...; March 10, 2011 at 9:16 PM
puteri aminuddin said...: wan ,,putri copy satu ehh ? :); March 13, 2011 at 2:04 AM
Wan_hazel said...: ok pu3..boleh je...; March 13, 2011 at 11:24 AM
A. said...: salam, wan anis ambil yang teddy biru ye, THNAKS wan =); April 29, 2011 at 2:55 PM
Wan_hazel said...: Anis Zafirah

welkam...ehehhe; April 29, 2011 at 8:06 PM
Anonymous said...: wan,kenapa kalau tekan icon tu,direct pergi ke blog wan yer.. ?; April 30, 2011 at 6:42 PM
Wan_hazel said...: anon..law icon kecil tu backlink ke blog wan..law yg besar tak; April 30, 2011 at 8:31 PM
Ei-zwan Wiseco said...: wan....knak xbrik tutorial pini mok molah icon ye dimpun.....hehehe; June 1, 2011 at 12:11 AM
Wan_hazel said...: Ei-zwan Wiseco

icon ya carik jak gambar mok dipakey pasya masukn kod nya jak..camya jak; June 1, 2011 at 12:16 AM
Anonymous said...: abang wan..nak satu ok..; June 1, 2011 at 9:32 AM
Wan_hazel said...: shafiqah sabri

ok...hehehe; June 1, 2011 at 8:35 PM
Nurul Ain said...: "http://3.bp.blogspot.com/_LhHZAifMoFE/TSkgQyeQZpI/AAAAAAAAD-4/95v_qcuYPNI/s1600/icon%2Brainbow%2Bshout.png"border="0" width="250" height="250"

Saya ambik gambar ni boleh ?; June 2, 2011 at 9:55 AM
Wan_hazel said...: Nurul Ain

boleh je..ambik je taw..; June 2, 2011 at 10:06 AM
Nurul Ain said...: ok..thank you
baiknye...; June 2, 2011 at 2:42 PM
Wan_hazel said...: hehehe

welkam...; June 2, 2011 at 8:37 PM
Anonymous said...: Hai . Salamm . Waa byk bnde yg berguna dlm blog neyy . nak ambik satu yee . okayy thanks !; July 10, 2011 at 9:51 PM
Wan_hazel said...: ok boleh je..ehehhe..and tengs taw; July 10, 2011 at 9:56 PM
-MΔRINI MK- said...: Wan boleh x tlg bwat kan icon shoutbox Justin Bieber?? x)

harap boleh ek!
marinimk-belieber@blogspot.com; January 12, 2012 at 11:13 PM
inna said...: comeiii.. inna amik meow tu yea :); December 31, 2014 at 3:51 PM