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/AVvXsEhR0xuT8z_LUz9KLz1elDcjnUc51-_pmtVZm6MO8Qnrualhf8KVLQtZIiXDeymu0Kx87PJ98f2O1aWRwcnyiFcO9YgB8ERTffnFN8aI8lvrvxcz1RILg3ox-B39hYKtufirhLvYBsQFU_dQ/" border="0" >

kode:

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

kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqYDw0e8o5oDepUEzDOQ1Di9mcRmApGaQGAkhKE7-G3OQEOnAYTmd6hcJlqTEUS3yNNidICZJUAzYgMcVBXKaZzSvVtza23xrgJl9G37RJ22J3gxTfZfz-iTWIR8VE_QTm1RoZ0pNyD8EL/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgktNnLiRjAp1-yMME4S6op0iKml_rEuO0n6HvQ_buFQKRCWRAJQkOBp4Pw-pt6ULUnJeAuUMZQ3xXNS6-NXRTdHts5p8szdGm11vsXpYbplDhySeF1VaRbSzZ7JjbIs6iW0KJrCo9qBOc-/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP3t4wS2t37rpdZcc7j4wY5RR-lt-NOWvjI7D55cKlmylZ0xzGAWwlzxUPHtk0Fj8ZF9Gy9wVEJ452kQ3nVMRpirNYHYeACUTZL7pv_i2jquGNSJv4aN53FzkI9Y5nmBXDqBol-JTVAyuw/" 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/AVvXsEjWg_vOMn1ionvV-22H4ySk6NDQzq3nMtPeTafxQ1OeFo_viEHXmrzzLUvIeXXTHiifYhWRfYtfPa-9SkYoFoHAgCF_S34-ZpGndyDSlg_20twyZ1szIrv0HW_xuySomyoGNi-DBkZRivQi/" border="0" /></a>

Kode:

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

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWpa4a-sxZMoeo3ZdJddvF-ui8n2C8AiWHaeWiiwJl3pkoZbstqeM9KRsIwOYiOmTis6bVE4jpKM3F_KKIvSJ-Zl-DtJ-kDeVIek4wZRxBA6ebYvJuP4yKZIPRwJHSfMYRBZvhzzQpGtul/" border="0" />

Kode:

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

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC6EvBRMkEC-wECLk_yEKAe1-TUneR3X9rCvBG2CxOyxP3Aejqq8navYcLoKAcIBTi7EGMsP0km9msKkxB5JnSNBYWuMVBvf1U1aTXp4xG-fPT5uldcQkmvzYlZvCcRR6FzW4i72MkDopg/" 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/AVvXsEjJVFbCMY-N88BEUoLSpTqHlV9C0CRXuo4kR3fq-6GwPqfshUsK3Q3ZDb6BLBHH9kt5lbmvce9RcyppAXrpxgOM6zKZBJAowECLT9e9eox1fesdVFXF-AyRTqIEu0QW2qpoxqX55kPflYVr/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaiS2p8PlrDcN8_SkS64teWzaePuVbM-qdcuqws2TLLl6Y7iOTT83lKZ8EXkBunyQYpbpqxute5yNsBdU-0VzOecocDnD6MpxtmhV1to3VHNszWAxj2ZF6OfXwa7nnscsbEFwy4_vah-F7/" border="0" />

Kode:

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

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP6FXBUvQFCBD2EQfMhjyZcltJkHt3EZYTCLw8WceW9gNPyslo5EjG3kKNsiquA3iGaPNXtwnlmHqv342XTo3BeEvk-ylUzmAL-35pLLLFxszHqdo4SEZiuEH_dlBW9RXu8jSUpD-pu9_8/" 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 sini. Disana tersedia ribuan icon yang bisa anda download secara gratis.

Selamat mencoba..