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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq-ABygP1qzvOaI8b2R0bcPcfXbk91OhFg_k6QINXqYg-zm5w6aNeU1rz-Y5SoRMklQ2Ca1rKo4MGR7QNiqTfASmrXJXcOPweHNQDdgIKTS4-oocgMUs2T2F7ss9mCkCwACxBqL5TJaJ0/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy8_xE9PB7l0U3UulLpaJUfqJFfvzQBCl_RMy3MpeZTl1wIxgDiol3XZYIuhnFkZgcSRbyLGiLPFdROmt3zKZ3wVIHnUALqmnkhHjsvzYPMf1iESHr9HwtVvJnr6zvH7_84bVL7xkKK7w/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKcscnMsr53BnM85Az7he373b_mEmQyJRHy5n3dRx3JG4IHSOwFDkLtvH1aBdIUMlh8pyFBvNZBhh8VS3_CCh6SdD5Wm0obw4-1Qv5HrbYIvVK9SJ1HL92ChpOpsiPB2y9Uk4JDuHb4yA/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 .. :)

120 comments

  1. nak try...huhu..

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

    ReplyDelete
  3. jadi jadi ! thanks kak farah :)

    ReplyDelete
  4. tengs ! da buat da !
    ehee :)

    ReplyDelete
  5. @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!!

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

    ReplyDelete
  7. to mila dan sweet strawberry

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

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

    ReplyDelete
  9. yes ! da jadi dah ! thanks kakak ! =)

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

    ReplyDelete
  11. da jadi..
    Thnxx kaka for the tutorials...

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

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

    ReplyDelete
  14. @pyqa

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

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

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

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

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

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

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

    ReplyDelete
  21. thanx kak farah..syg kak farah..
    mmmmuuuaaahh..hehe

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

    ReplyDelete
  23. thanx...sye nyerr dah jadi...

    ReplyDelete
  24. miss farah saye buat x boleh pun?? cam ne nie?

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

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

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

    ReplyDelete
  28. kak farah .. knapa saya buat xjadik p0n ??

    ReplyDelete
  29. yeay berjaya , thanks kak farah :)

    ReplyDelete
  30. dah jadi , kakak ! trima kaseh , :)

    ReplyDelete
  31. done . cantik . thanx for tuto :)

    ReplyDelete
  32. suke gile ngn blog niehhh CANTEKKK sangad

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

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

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

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

    ReplyDelete
  37. @ida pingg's

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

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

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

    ReplyDelete
  40. 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!

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

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

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

    Error 500

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

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

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

    ReplyDelete
  47. tq kak farah
    saya gune template designer pon jadi

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

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

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

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

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

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

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

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

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

    ReplyDelete
  57. 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~

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

    ReplyDelete
  59. 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 :(

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

    ReplyDelete

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

Jangan lupa LIKE! dan SHARE!

Terima kasih :)

Related Posts

Blogger Copyright © 2019. All Rights Reserved by BLOG CIK NURFARAH