Ganti Older Post dan Newer Post pada Blog dengan Icon Gambar

Contoh berikut adalah merupakan tampilan older post dan newer post, bloger bisa menggatinya dengan icon-icon mungil berikut :

Menarik bukan? Klu 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.

INI KODENYA

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW56hrkBArjmsLde8jop2I8MYJOe4Uj7DmRAQ_OV3lvRGOWPWNtgUOrr_RmAYqRg9D8fLgbh-6NNNORhp9wUHjzL6iAh_vn4Pbm-iC3_k6QrUvYTya-WpiaKWutxbj7rbdT4khGS8LekkR/" border="0" >

INI KODENYA

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

INI KODENYA

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMv8qqGT0U3q0_yGDjGI5S0ai5r_U2v4EkK8TImGQZ90F1JFyEc9QZD1MBX6GXfLqvQ0YRK1fyYRjfhkfOyO-omIJhNOd971VkjQCPx-PxEzl90CqXH6ik73IghgB6UnTdWEP2LRJa0nlZ/" border="0" />

6. Contohnya anda mau menggunakan icon maka ganti kodenya dengan kode HTML yang ada diatas.

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

 

INI KODENYA

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXIR_JhJp-SjF3gtFr1AyRQ0kPSKLxwTDBBwQPVRRnevNe7lI_3IX72QYB62JGdDV1NHpWPPK2UMfpJvmuvitcQ56-gYwctohTkCLUF0O7sIfiU2KIEltT97yhCOWiUbpieuIbyVoBjxdM/" border="0" /></a>

INI KODENYA

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVoOcJQooebMw0Y4xiHaAA4bduZ6Hg-a5Rjy5ibLynomFnNNmT4TlBuIZoSrY1wfJzPpBGoT-gVl310AqkoPG_1hX7sJ9jQF_8LKgjXZBIL3jXi6cZqCZU1JkiUyJ4eh-Pa-GE3kZYrQ9r/" border="0" />

INI KODENYA

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFnBWJfZSauND6xT-PyA6UCleJtVRHyy3UolkpMBahfsBXx7XMq01ZnFTtsdYQ3nbk0WxEOle8j4pNtlVo5RcovuHOAmVM-WqElMj2yyMdnUpEtMUmJpcp5JYcRAhMhZEIloaRDSlyZ6nS/" border="0" />

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

INI KODENYA

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

INI KODENYA

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB4-Dgpp5qbm0PxzzdFJU52PW7YPDPlWhqyb2jNteNtFnJBgDTXpI-_8xdGOHann_WSD5TZWVmUsWC-RmgvdiklwQb8s69kDQLI1DROm0gmVB3pOSCcvzzqSCLTpuNiwdd49G0yLNqaVqa/" border="0" />

INI KODENYA

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ1-roIWsk-XV_g6XZjre7yPJ4fsim1z9zmFr_nbS2da-NFdSXhwmJP5UsPBCi_FPqW3YTG0KBiZ_V1dioOv6qhPFykwvCWn1chff-7ib7Y1XzZFR0yO25uZ2cnKCVxjJgMEhx752yr2AX/" border="0" />

9. Setelah itu, klik Save Template.
10. Selesai. Silahkan klik View Blog untuk melihat hasilnya.