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

SHARE:

blog tutorial