Tutorial 41 : Menukar Perkataan Older, Newer Pages dan Home dengan Gambar.

Salam semua.
Sebenarnya aku nak bercuti dari membuat tutorial kerana MALAS nak main coding tapi kerana sayangkan reader terpaksa diikutkan semua. Posting entry pun banyak yang "disavekan"... Tips pun kena ada idea nak buat. Ok..aku pilih buat tutorial. Bila tengok tutorial ke-41..Mak oii banyaknya. sebenarnya kebanyakan tutorial dipinta oleh reader dan follower aku. Tutorial ini khas untuk templete Minima, denim dan Layout Templates (Launched 2006). Yang pakai Templete Designer. Tak payah la korang testing nak buat. Kalau jadi tu alhamdulilah lah, aku pun tak berexperiment lagi nak buat kat templete designer. Kalau tak jadi jangan tanya aku "kenapa". Itu tanda memang tak sesuai la. Kepada yang gatal nak copy cat tu. Siap la..aku sumpah jadi hp black berry nanti. Padan dengan muka hang muaahahaha. Tak kisah korang nak ambil tutorial ni tapi kena la bagi backlink credit kat tuan yang penat membuat tutorial ni. Ini tak main ambil je tanpa sebarang kata. Lepas tu tiru sebijik-bijik pula tu.

Ok, aku malas nak membebel lagi. Buang beras je kan kalau cakap dengan orang tak ada sivik..
Kalau korang nak tahu apa yang aku nak maksudkan sila tengok gambar di bawah :


Ok. Older, Newer post dan Home korang akan menjadi comel macam nikan...so korang nak tak comel macam ni? Jom ikuti tutorial ini.

1. Sign Blogger > Design > Edit HTML > tekan / tick Expand Widget Templates

2. Sebelum korang mengikuti langkah selanjutnya, ingin aku mengingatkan bahawa korang Download Full Templates terlebih dahulu k. Kalau silap ada back up. Nanti jangan salahkan aku bila tak jadi.

3. Cari code di bawah, nak mudah korang tekan Ctrl F, lepas keluar kotak Find, paste code di bawah ke dalam kotak Find. Faham? ni dah panjang lebar penjelasannya..
expr:title='data:newerPageTitle'><data:newerPageTitle/>
4. Replace/padamkan code yang dimerahkan ( Newer Page )dan gantikan dengan code ini
<img src='http://1.bp.blogspot.com/_UvU6HUDkPkg/TUkvl0Qw2MI/AAAAAAAAA14/fZZnfIx3Er8/s1600/638148hihxwgn8gx.gif'/>
# Boleh tukar yang biru dengan icon/gambar url korang

5. Cari code ini untuk gambar older pages pula :
expr:title='data:olderPageTitle'><data:olderPageTitle/>
6. Replace/padamkan code merah dan gantikan dengan code di bawah
<img src='http://2.bp.blogspot.com/_UvU6HUDkPkg/TUkxpfwbxmI/AAAAAAAAA18/aQwpFDkLL1I/s1600/older.gif'/>
# Boleh tukar yang biru dengan icon/gambar url korang

7. Cari code ini untuk Home pula :
expr:href='data:blog.homepageUrl'><data:homeMsg/>
8. Macam biasa, replace/padamkan code yang dimerahkan dan gantikan dengan code di bawah
<img src='http://1.bp.blogspot.com/_UvU6HUDkPkg/TUkzWTp_ReI/AAAAAAAAA2A/lENuJqSzSPs/s1600/home+sweet+home.gif'/>
# Boleh tukar yang biru dengan icon/gambar url korang

9. Preview dan SAVE. Kadang-kadang gambar korang tak muncul bila preview. So SAVE je.

p/s : Komen kalau ada apa-apa ye.. Kalau suka tutorial-tutorial yang aku buat jangan lupa FOLLOW dan LIKE. Click je iklan nuffnang tu tanda thank you hahahaha...
#### Url biru tu kalau korang nak guna pun tak apa..sebab cantik..maklumlah siapa yang pilihkan .. :)
Share this PostPin ThisEmail ThisShare on Google PlusShare on Tumblr
120 Comments for "Tutorial 41 : Menukar Perkataan Older, Newer Pages dan Home dengan Gambar."

nak try...huhu..

rajin dia wat tutorial..dah cecah 41 tutorial dah tu.,hehe

kak farah!
thanks untuk tuto2!
:D

@pinky ladies
Hai kak!!Thanx 4 this tuto..dah lama dah try buat ikut tuto bloggers lain,pastu terjumpa blog akak yg kiut miut nie,so terus ikut tuto..alhamdulillah jadi..thanks kak!!

sis..why ek xleh save the tmplet 2..unable save..why..help me plezz..^_^

to mila dan sweet strawberry

kalau xmau jadi tu mesti ada coding yang adik silap atau terpadam :) try again..

yeaY ! da jadI !.. hUhU ..
tQ Miss faraH ! UhUk3 ~..

yes ! da jadi dah ! thanks kakak ! =)

Akaaa :) ... Thenx for the tutorial .. Luve it ♥
Thenx bbnyurx , hahahaha ... Kalu sudi follow blog Zyra eyh !!

knape x jdi?? nak tanye cmne nak download full temptlet n cmne nak gunakannyer?? harap kakak tlong. . maklum lah akak kn org serba tahu! :D

sis xjdi la.. home dh jadi.. asal older dgn new xjd.. sis tlg tgk blog pyqa ni http://sayapyqafyqa.blogspot.com/ .. tlg ye sis :)

@pyqa

buat slowly2 mesti jadi punya..mybe ada coding yg tertinggal

ouh tp pyqa dh copy paste kod tu da.. hmm xper2 nanti pyqa cuba :)

sis blh x pyqa nk mtk kod coding yang belakang url image untuk older page.. yg tu masalh skrg nie..

Hyep K.Farah.! Thanks 4 this tuto. Dh mnjdi. :)

yeay ! i'm using template designer tapi jadi , Alhamdulillah . thankyou , thankyou , thankyou kakak . :)

yey...dah jadi..thank you ♥Cik Nurfarah♥

thx cik nur farah ! da jady .

yeay..
jadi lagi..
sblm nie sy try ikut tutorial blog lain tp xjdi pun..
kat sni pnye sng jew..
thanks..

thanx kak farah..syg kak farah..
mmmmuuuaaahh..hehe

da jd da..sblm ni pula x mnjdi..thanx :)

thanx...sye nyerr dah jadi...

miss farah saye buat x boleh pun?? cam ne nie?

akhirnya jadi jugak...thanks akak...ini je tutor yg betul2 menjadik...

@♥Miss Farah♥ Tuka yang semua wane merah tue smua pdam ,or pdam prkata'an newer page ,home je ?

boleh tk tolong buatkan untuk saye ...susah la..pleazz...

kak farah .. knapa saya buat xjadik p0n ??

yeay berjaya , thanks kak farah :)

dah jadi , kakak ! trima kaseh , :)

done . cantik . thanx for tuto :)

suke gile ngn blog niehhh CANTEKKK sangad

salam , kak farah . :) mcm mne nk wt kartun kt tepi blog ? yg adetulis "selamat datang ?" tolong kak .. hihi :) tx

salam =)
kalo coding tu xde nk wt cmne ek ??

dah bua dah...alhamdulillah, jd jugak..hehe..thanks for the tutorial..

Kak farah , kalau tak nak older , newer , dan home tu ada mcm mane ye ?

@ida pingg's

tak dapat den nak nolong hahaha, check bebetul or template mmg xda

assalamualaikum...huhuhuh...saye bawu nak jadik blogger tp tak reti sungguh nak gune ctrl+F ...nak gne ape ye? maksud saye...gne google chrome ,google ,mozilla,ataw e-explorer? sorry panjang beno msj nyer ...konpius la....mintak tolong ajar....saye dah gne kan tutorial cik farah untk keseluruhan belog saye nih tp kalo ader yang menggunakan ctrl+F mesti tak jadi....huhuhh..

Like..like..like... thanks..semoga apa yang diajari diberkati.. :)

Akak. Saya ada buat gambar newer, home, older kat photobucket .. masalahnya sekarang .. link tuh nak amik yang mana ? kalau boleh akak balas cepat sikit yer :) please!

terima kasih akak..dh jd..saya guna akak punya yerr... :)

farahh .. !!thnx for the tutorial :) nice :)

More than one widget was found with id: HTML3. Widget IDs should be unique.

Error 500

assalamualaikum ! thanks kak for the tutorial n sharing... sgt brguna n kreatif... :)

@♥Miss Farah♥
alaa ctrl F too ape ek.,x jmpew pon bnde yg nx dicari..

x jdik la.,ctrl F too ape.,bnde yg dicri x jmpew pon..

tq kak farah
saya gune template designer pon jadi

ta dpt cari un code ye , cane nie ?
nak sgt bnde nie ..

thanks sgt2 tau..tutorial awk byk sgt tolong sy..thanks sbb rajin buat tuto utk tlg org2 tak reti mcm sy..hehe :)

Terima kasih cik farah . dah berjaya . saya guna URL yg cik farah bg ja . HEHE ! TQ TQ

dah jadi pown sis farah..thanx taw....muahh..hihihi..

farah , kalau kita nak delete yg nie mcm mana ? sbb syaa xjumpa laa cmne nak buang .. thanks :)

Terima kasih banyak-2 kak. Your Awesome tutorial menjadi. thanks so much ^^

Saya dah cuba tutorial ni...memang menjadi terima kasih..

Dah try tutorial nie...TQ for sharing..

kak? knpe bile sye letak kod tu dkt kotak find , dy klua phrase not found? nak buat macam mne?

Trimas ye kak.pandai akk buat tuto mcm ni...bukan sikit da la byk.hasilnyer blog saya makin cantik *taklh cantik sgt*tpi trimas ye kak~

kite amik akak punya link icon tu..terima kasih! :)

akk,untuk blo yg baru ni kan..knapa slalu HTML yg akk bagi tk masuk dlm HTML saya ? pelik laa..tpi klau gadget nk pulak :(

tq utk tutorial ni..nak tgk2 yg lain jugak ye.

-Assalamualaikum, sila tinggalkan komen anda.
-Kalau suka tekan LIKE.
-Insyaallah komen anda akan dilayan :)

Jangan lupa LIKE! dan SHARE!

Terima kasih :)

Related Posts Plugin for WordPress, Blogger...
Back To Top