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



<!-- Start Shoutbox -->

CTRL+F serentak..copy kod <!-- Start Shoutbox --> dan korang paste keruangan find.


Lepas tu korang cek kat atas kod tu <!-- Start Shoutbox --> 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">

<!-- Start Shoutbox -->



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 .

Wan_hazel said...

نورول فاتيحه

tengs..hehehe

Cahaya Kehidupan said...

comel yang teddy bear pink tu..hoho

Wan_hazel said...

Nur Hayaty

hehehe,,tengs sis..

cHEnTa TiKa said...

cmner nak wat ajax... huaaa

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

Rahsia Sihat dan Anggun said...

sangat lawa...x puas ase tgk blog sendiri..hahaa

Wan_hazel said...

AinDeLuvlyangel

hahaha...tengok setiap minit je..hahaha.

CIK TOM said...

comel2nye icon ajax shoutbox ni...

Wan_hazel said...

hehehe..tengs cik tom

EkaWeird said...

comelnye kucing tuuuu...... ^_^

m!3yr4h_LolLy said...

tutorial yg b'kesan...

m!3yr4h_LolLy said...

nk mtk tlg ajrkan mcm mn nk wt scroll kotak leh x???

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

Wan_hazel said...

EkaWeird

hehehe...comel..huhuhu

Wan_hazel said...

:: m!3yr4h_nAnEA ::

tengs.huhuhu..nanti wan watkan tutorial nye k

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...

Cik Su Life Cycle said...

ade tak icon rama2...tuk blog cik su..hehe

Wan_hazel said...

cik su

law nak wan bleh watkan...

ι ℓ α α α ♥ said...

Abg Wan ;) .
kiter amek satu yer . =P

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.. =)

AiHika said...

oo . ok . tenkiu wan . =)

Wan_hazel said...

Ilaaaa ♥

ok..ambek je k...

Wan_hazel said...

Bit Zamri

tunggu k

Wan_hazel said...

نورول فاتيحه

welkam..

Durrani Zamri said...

hihi~ Thanks wan..
yup, yg macam dalam belog bit tuh katak dia..ihihi~

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..

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?

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...

Anonymous said...

sy nk 1 . tapi knapa tak dpt ea ? dh copy semua tapi icon tak kuar pun ? huhu . boleh tolong :)

Wan_hazel said...

kikilalahsite x)

tak kluar???mesti kluar nye...semua bleh taw....mungkin load page kilah ade lambat skit..try tggu

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 ? :)

Wan_hazel said...

Anonymous
a ah...

eila said...

tkar leyh..
nk gurl wane cekelat tu...wink3

Wan_hazel said...

eila

bleh je eila..ehhehe..tuka lah

Amiey White said...

cumey ... yg atas sekali sangat cute .ngee... :D
hazel pro~

Wan_hazel said...

amiey..

tengs taw..biase2 je

αииɛ ƨαм said...

ada orang mntak saya buat tuto pasal ajax shoutbox. saya link kan semua tuto shoutbox wan.
sebab tak nak copy.

Wan_hazel said...

Ғмɛσω

ok2..tengs taw..

be loved... said...

knp gamba dye mcm tuh?'upgrade to pro today'?

Wan_hazel said...

ade maslah skit ngn phtobucket..tggu je k..

Shaza Najwa said...

klu nak wat bnde ni cmne r?

Wan_hazel said...

Nur Shaza Najwa bt Rosshidi

ajax float shoutbox

Shaza Najwa said...

ada dkt situ ae?

Shaza Najwa said...

nak yg dpn nye bkn background nye

Wan_hazel said...

Nur Shaza Najwa bt Rosshidi

maksud??tak faham lah wan..

Shaza Najwa said...

yg wan wat tu nakw at cmne?

Wan_hazel said...

Shaza Najwa

kene wat ajax float shoutbox lu...bru leh guna icon nie...

Nur Asyiqin said...

x jadi la , dia keluar "this image/video has been mover or deleted " huh! frust . x jadi :(

Wan_hazel said...

Nur Asyiqin

erk...tak mungkin lah...try guna icon kat dlm entri tu..

QHaziq said...

tak jadi laaa nak tukar icon ajax shoutboxx.

QHaziq said...

takleh laa letak icon..saya nak letak icon nii!!!!!arghh

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

QHaziq said...

hehehehe dah boleh letak icon

QHaziq said...

wan..camner nak adjust kedudukan frame ajax shoutbox ni???

Wan_hazel said...

wan dh adjust tadi k...

puteri aminuddin said...

wan ,,putri copy satu ehh ? :)

Wan_hazel said...

ok pu3..boleh je...

A. said...

salam, wan anis ambil yang teddy biru ye, THNAKS wan =)

Wan_hazel said...

Anis Zafirah

welkam...ehehhe

Anonymous said...

wan,kenapa kalau tekan icon tu,direct pergi ke blog wan yer.. ?

Wan_hazel said...

anon..law icon kecil tu backlink ke blog wan..law yg besar tak

Ei-zwan Wiseco said...

wan....knak xbrik tutorial pini mok molah icon ye dimpun.....hehehe

Wan_hazel said...

Ei-zwan Wiseco

icon ya carik jak gambar mok dipakey pasya masukn kod nya jak..camya jak

Anonymous said...

abang wan..nak satu ok..

Wan_hazel said...

shafiqah sabri

ok...hehehe

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 ?

Wan_hazel said...

Nurul Ain

boleh je..ambik je taw..

Nurul Ain said...

ok..thank you
baiknye...

Wan_hazel said...

hehehe


welkam...

Anonymous said...

Hai . Salamm . Waa byk bnde yg berguna dlm blog neyy . nak ambik satu yee . okayy thanks !

Wan_hazel said...

ok boleh je..ehehhe..and tengs taw

-MΔRINI MK- said...

Wan boleh x tlg bwat kan icon shoutbox Justin Bieber?? x)

harap boleh ek!
marinimk-belieber@blogspot.com

inna said...

comeiii.. inna amik meow tu yea :)