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/AVvXsEjOwr2tfygcLab_oOE2RuCBOjMsrln-8hVDWkcrBeLGlIp-yXxizGpGlNCvRYYFuiwwJH3EdSSsfGgraj39MUzoTT2SW2PzO77Bw4jb9O51W5GrhWVuq20nJxdB0y7mqC9AxzO55eKwDlcM/" border="0" >

kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCDfmH7HRt5W7kw1_nBgdNUvxAtnQ3siETfLKi66zOI5MlYy5ZG0i_xOJCV4ELdLERIbGbqbYSkoXf-QgdpWjGBBH2iq8DsZYTNd_y-m390gPCXFY99wpKxvc1SVTi_fJ8ZHvb-i0CLbhE/" border="0" />

kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-9-ytYONQq2LEhdvDOx_I4IqSdjFik5a7_a5DKeEzXx2igjZXlaHTZLKAreVCgmEGuzzVid69pyd0sOAJG6fYV8Oj24XsSn3ImpYTQuWgg_ELrap91EsxpJQ4S_akGVDlmGf9bY7-q0RF/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTovMqtnCLorR_ZG6Rpr9GNZuXOsOXJ0l4tZp_aXZyNqZEw32fOpQ2CUKhn2gu9frsZvLn-Q8tBipoLiE8pSXsFAIfh7iwTIkRieGUzrGzCg_kQAWsXUx71-lEB7e8mKbFXMp3K8b3Ehve/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwsCghTe3gEDy-hsBLxZxeYs8r88hjB_-6kGlKdgH3rwbFFQqBh1q54AxQifzmWajwtrEe4N1-Q3Q_hLkgeyCPaWBJWou6EPoJEsKjkQq7U_B6ijaoZlTFnNJOgZrma1yDNO8o3JvV2Xnc/" 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/AVvXsEhd0s3g8H7AcID2Ny7OXQWT2Y_nByCMmIUFOpoiN_mOnRu-1KEEFJYUeAs66q5ZdDPa7whcDHgT5fz89FcGm1cRb1pKd7RzKiMFu1UNFkXUWGHivZIztL0EQh89CuMzkMNG-wcXIG_pQy3v/" border="0" /></a>

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixRe1744W0YpAkD8Qaek9AbgUnHKSepmzLuxZpatMIHtzGxktWg7b_vhgjjY7QnV-VkKItpgN_FwUU0MvIJzV0XN5gckLBevBz0FBGQuiDKNudL8QeyO-sV-gWeBITQ3dvZaEV0Hu8xNCS/" border="0" />

Kode:

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

Kode:

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

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9RMYZepFEp4YkJNbhGOAOLfDM7PkWFNY4LCIKmDeVllrykknyOiVIMN4HYctZ1g24UuhgkMfkKz3Sq43gUPH4AYwu_gcyFoUs95ZTmJ40-AyYzYdTpi9lmmkdMR_DV4uX8cZHMYLPWF3y/" 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/AVvXsEhaoyKndZkxGFUoXOLXloXNLJvz1csS-7CwI_tSAYAkynDvxUQYk5q5gBh8cZLm4qMOaOnb4sgmiq6EDJC11AfUMvrmcdbHgeb422UoHzR75I0ZbKOrHMhlJ6LgA6DovKv-qjyjlOR9nWiO/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxLwMp1fS-8glpno9lwubtpAx0H5LlGZnQeXMvFxbpICUhL3-7Hu32QvElOQhez7rwsftCjLjSQDN_r3w_hvu5yp87VW_X0eOFgO4InM8UB87zCW1Kukel1OzkKhb56XN1Imu9FOJsPyRn/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj971B4WQD8lLcRQMFOfJ-8He6aHpGSsRWRGbB8nUGCIiU-HpK8FTYmbGY1LgRRHqznNwBp8vvh9xY81XoX8Z62Sy9KdiTaXy99DXturqqSnbgTyKcGpzFLhMPXk064CGeoLrMX0xTzJ-47/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu0G519hl4sDrblXrk-fDe8HUXeEOyxSjPD5ZDihqLVKPXwbH7u9Xit6XHFvYyiKXqbO-bk-_PBJf21T36PO3Wi8kktTauYiiRetL14Kp-a-FSdHD8JFHh3z0xqsObqLBERjWqjgDoN_91/" 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..