Cara Mengganti Link Older Post dan Newer Post Dengan Icon Gambar

Secara default, setiap template blogger akan dilengkapi dengan link older post dan newer post yang masing-masing berfungsi untuk menampilkan postingan lama dan baru.

Nah agar tampilannya lebih menarik, anda bisa menggantinya dengan icon-icon mungil. Contohnya seperti gambar dibawah ini.

Menarik bukan? Kalau anda tertarik silahkan ikuti langkah-langkah dibawah ini

1. Pada menu klik Design -> Edit HTML

2. Biar aman backup dulu template anda dengan klik Download Full Template

3. Beri tanda centang pada kotak "Expand Widget Template"

4. Lalu cari kode <data:olderPageTitle/>5. Kalau sudah ketemu ganti kode tersebut dengan kode icon dibawah ini.

kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFZMeYtaFH93K9DqSpGc7LxFc3uhloKQZXApHT5zMwisYdLP1g6msq8CYa-RMUFChTSMJcKGYc6ckxjbOv5Ll3OauAzcHwkLLkVh0fsJbeJHMsLHo11QLietMsJ5oK3MfGztHZNiQXERq1/" border="0" >

kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc3dCZEhuQbOzNEFRqYNw7PZAfTikg1pgHpXayA0MrSsA3O-38hOcoDSW1ilp7O1FnKnuBVKBEFZN84jCbHdwmmxMsz1JVPSvtxz7O1ly96nFEQ0kN3BqIdZ9vPXN0nb-vMI3bFdfpkw6i/" border="0" />

kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2AFNwjPEz8-OZg58gICwgfhSgoUnVchnRpAbPTOBF-xaT0y_mpUFGhlf3ohFdd8pRAQJGJDqc0YmBXRZ28fou81PUqA4G8jDFnkAKN0v4UbOkaIEQh8skcDc-WhciWCm5KlSPnIeZ_7Lx/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoYv6fCY1_PkBjho-6gcfTxSxXweUu46LVjAuqchn5Qyw0NFxY6UnQ9TbsWB36_0LtV4L8lCoXlXFX1slLwC5SFmsh5Z4am_m8e7JzvgnLT-CEslGxZU3zhdWEShy_g-qiw5nU7zUDr3rY/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTx0ysYBI-CjTyEYwc4rRBCBJ0DqEIppgh5H4NjfscFQfI2ZT_8Em9nx1fMYPnQdhS-AiDdKbfbKOsiq5RutpUYYLsFM73cndXVkxBnPWUuoXNH4svdkSH4NtCunkm6KCr9uFHE8Tp-bG3/" border="0" />

Contohnya anda mau menggunakan icon  maka ganti kodenya dengan <img src="http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/bt-right.png" border="0" />

Untuk mengganti link newer post. Cari kode <data:newerPageTitle/> lalu ganti dengan kode icon dibawah ini.

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL78inqkPHyecdIg3DjexIZi3LWBvtSkB4gC7m2Ab20I1-iLtwTlZyD9V_sf80JDGWV7vhucf_ea5R_UHTy4y851krL6BVlvxubZ0uKiTESdwa6tiYbZsLkd3SXkznxfMLAci4MLIi-bxO/" border="0" /></a>

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNp7DMLA5NrQ3l7H1iqh1UhSGoRxOE0lG0yy4DtbaGp7FGcLRZjS7kuKPd8RpDoUHsB-xdYaHUXCSfB0iPX5KaduTd9GO-uZEkE0onAL96JkUZBzn5JJ8lug20nrcolF_5qFsOwTMq5BxM/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-GxQ0L3ctAx71Xzu02ICEbVEDDHv-fpgNYOLjv2PuLk466y0zjhCl8MpLJ8jfqXfSE6NYRQNOosEqrH9FCihNHtTJZpoUPwuUmDbz2O1ItqfTylDvU4ZQxJ-FsU3BP_ZaHObgAt36uj-r/" border="0" />

Kode

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyj5t3p405FKLYxurQCy15bn4WzeKFRVCezzgy_Hg_OnGRb_ua8mXnwnYQ1KFo4FfGXfEB6813Y_DxEIL-Hh9-_yeNWDRRFGyTwiLpi1X9JuUJpimIj7C3Lppgk3-T8CEz5tpZpyJ1gomL/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWGIbsyndNTg_5iAjOghZytX0dcqCHMfImOgIFgLpDM65ta4Toyxgn7Jkon-4Jn947CY8_KMyyL2EoBNQITfuT3a-MX2iECt5N-7C9rpTy4rtU_dJdMubQr_ZKkx1JXldJKX1cdRQwDage/" border="0" />

Sepertinya kurang maknyus jika tidak mengganti link home-nya. Ok, untuk mengganti link home cari kode <data:homeMsg/>. Biasanya ada 2 kode yang sama. Ganti kode yang pertama dengan kode icon dibawah ini.

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGZcsWFml0iaThaVTAR84VvsleSdlVqrYN8-SnsCnwfbublwuXfaNy55tIDjNJwpbiiYXtoBWv4cM4z7GjmzSQ3zgvZwgFDagjuAKWE6EeTJM___YKvoltDXlNqjRpAIIZPJyBPKPI8O0i/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO7-W0Rd2SveIkiBCrlGqXI8oKdGGbs0LERvKCjB3SC8IkcV5BbB9f84UF3y0rjVWJ9klhJEojZhyphenhyphenEfSEuYqS-PniIuf4OqRvQxEDKf4WRCXSHEhOiHocBOBttM9EvE5haWm_17J9Pt2TH/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpTK7AmYjrqspCDhOD-y-d-X9aDSldmRHThhnZOMm1iKcmKv1guDekLtw4ZDR5jEdWADl9x-5NYaB5ZrnXcKg1J8j-WfAKiz6vKLwvhtZE7uxaQu4zRHS_5hSDVMxbtRnYrJazF8fT7bHv/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigL0T-o5gZBzqF2Ij9fnrjq4yTz-_vzWgElKLrV9sI_4DnZidHNtD6CYbMfhRywe_k4OfvUgxe_MVEA3rahihPZuhlAIgAuS8kWS4AP6zyrTPmHORxl7wS8cjmNTr1pRtVTHKSo66OkzST/" border="0" />

9. Setelah itu, klik Save Template.

10. Selesai. Silahkan klik View Blog untuk melihat hasilnya.