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/AVvXsEhcWsJWlP84nPrFQdpuD2rwbCZicnqAmbQ6-4DRCC89PKKsXaRdLCxia84xZ2KrguTmZXtdpm6x4NH69lhjnDuFDYC46zqDLdHqhdXejonsYJopSKFGW4n0JNTKqlqR_m42pJKvcT9abGbS/" border="0" >

kode:

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

kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj970UUUbNA76NUXI81CUl-ckLWFL4ky-rPPhyphenhyphen-3xCt_KgRSJFT8WYaPXJMDBzrBFZR3rIZGtt3k_OjNCV-cSPgxcYblqIrXeEIe_q6HJ0YFLXJlj7IDsFeZCU3piKKWdbSjEldARTSVU5E/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijLMtrvFgHVgp16foTmXfGH9gBVvl2OUUNrENR-zZzs_8KMt7X6DY7wTjCncqK0ALIsKQg-lLUZBfpZ6hb9VKa68jCNCqJmi2NEQkwF15RS-OZlQXaF1LyJzwSujzfgN7ATjOcEvfcqwNP/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0fzJ8DxE3P0QEiqTSDXsyB-Mmnfh5S_bTihpynDUPUruawbQBChJOrF0s60aP_xpyRmQG53LeH_72PqYydhZMfmD9fEDopu_QZK0TDbdtzRJQcSo_Ip8UVHez6qexA1rt1_09ZtrnsbD8/" 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/AVvXsEgBGQllEWl0UCZWLJzPFA_VfEvcs01VaAxTYIo0hT0p751JrF2p5-sMeyfJ0VvBuNXj0Apq5IgmXZm1QQfy-NbZ9401_v4QxmOdUBuc1m739ZQBt61_IQFJoBANBXiD_SDvQcqOiDUqWhZb/" border="0" /></a>

Kode:

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

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_D6U08FIpme0xGHmd4kQMol_xlvisBuJQDyJFLvRq8K2hHjNu8hfSk-6HL21LNPQp8QnbVox9czPvLclHrfaUgC3nHyxz_XZHfO7CyZLc0S7Gq4RfpsrbmFrSmBJDRh4pAlbHfL-HyXms/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIAt84bqythAdcJSictWSRFWVBg1BQCR_R6R6hBxI9Otvs8Lt1kglcajWXQocIRrsZD9-9JW0Ic9kYQVVtnQDBzOSMgxNWVEx4_6igdAa9f4zQqhEP0JcXM3RQSRUsjZ1NVp-hARjnbwXU/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3Uo8PvXG3l2osVGQaDJ7SjX-sQ13ebprMeZ4P_rKxhRkc8FcebXhRJ3G9jbS4JF3gXWDrVGFLPG8TM7I_fvCnzG5X0wpfXRrJsqBAap9cmW5P_HSTeC0rBxhM4TIPQBfscbzhNsNE7o82/" 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/AVvXsEjUwqQFsMoA5d-a0ysrEdDyf96GJyhpHo7-2rklix6cwpsEE701kevSHT2vMKC0qBkmWQjF8IwFoHH7X9_vSm2Ge02hGpHNoWwoeSHNaHOE87gGlgmt0UzJSd5IgtYpU8plUG9_Gw8AxbxN/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmgYE0-L0y270NfbDGW1gv14JRm9rLtqQc6Ayl-HYZAMEhfzR_S5XjJs8Jt8r4VI8tdqE9zuhzMpNOch_-IEeoeL_xFEMfHFKi2XRwuvwO7cWfV9bosCxY5OfBL4Tmk6D8-zSQlzQ9CVdv/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6QFAa-NpaO4OqbDwbv78VZA0NNoUj4nJ-tp8JMgwBdfAYbQ1eQC4fD1SLTw-U3DQtdr4twHMooefuqt3q0isAwId0vDePCVRnIX9mEhhDTmvFDD0-VOb4jGfBCDLj33XJpbcf1Hi_7c2h/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC2KmonQu19vpi6L_aKuKQgN7UDYLA6HZ3_uTzx0S96ppaSeRj40aORJeihqQXmTOb4ZXfPPoEfLMUq7FjX1QVbK1Ku9thz11RKXadxii6HNwLCrC2QTw6l_44JrsYSwGk1BRaED7Idz2v/" 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..