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


kode:

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

kode:

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

kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBTgdg5EXUO1KJKtQDM5RWFFzlzBbD-8cVzLfhue5F3MULFUngWJWOBLF3WY951n4nvqIrQbrAuacQT1AB3vmIGS9y_OQi5j-_rXxneIGWkYp0wjvUpGRrywVpTsjk5Xl9TZL2fEn9fUBR/" border="0" />

Kode:

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

Kode:

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

6. 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" />

7. 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/AVvXsEjmfFgiZJFg23QVMQq7l0liSxgoLeecqxRJSHDwR3nLa8mutL1mBt0fpTPDFLe0vAA6CHdxFfXg5BlSRKdoHq-SeUdd9iAsohbGTHcYyrMuCf9ysJq-wGjXGu9ZQ6p2B4ThoLCbNy2IGydD/" border="0" /></a>

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuIbwv-hReI8oNW60vkVwJsoNtLSjIT-Wj41qrTN1wDIXk8zqwxTjMXsOjYhBcBDY0p93aSCKsAe3VvW9jTkU-zrQq5qZPMRspWueAadXQrA8ouAi9MJUdByKhGPwkyllxqQLPy7ixhveL/" border="0" />

Kode:

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

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh53jqYExiJ4i1AF5l_dAZ00WXAdFlokpWwSZCkh6gMtdnDLbNHChCL6KQmpLVBbXSlBSlzZvpcHzP4_UG1HlV-K-bxsDOFG2BalhKBBDDhcwGb-bdOJc_4YZfzsVLURmBdvYHeLiDmx69m/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii-KO-BNP_ZOkIc-P8BA-p8b4VvR0UTumMkiXn6p2i8zLgkKOqRl2fZWrfGXBnDUeHbbYXh3EPWeeTbT3dTdbPDVy9r6r1tvUD-eWxWO0AN7vI2rROPYloqzBj4gO94_mWuPp1zlH7t3g2/" 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.


Kode:

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

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMs_bvTY1VPdLx_PYgtjwj-JM7S4RH-Y-_9vlyPdmvieltOAh2JeXbnv5c9KDSXq1bEQlMRfovch6a_xEW8utyoNOd-6qce0_Uupj8ZlOOIdPDj-kvP6TZotJjKYJdfdT5gkXlzjE_9ZIc/" border="0" />

Kode:

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

Kode:

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

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

Untuk mendapatkan icon-icon cantik lainnya. Coba kunjungi http://www.iconarchive.com. Disana tersedia ribuan icon yang bisa anda download secara gratis.

Selamat mencoba..