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/AVvXsEi1bl8r0HK4UuDWgvohGJNd1CNs_lq_qHauwB7igDvCvvmcIST-o1KwLFo0Na9SHta4oLFWqc2I4sv_apquGmRGYVLXpkgOFWhRyymCjVwWKKoiYBSPz1aKOp1LT6v438-xvZ52z8xQixZC/" border="0" >

kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivjeo0jiBn_sMBhfrwOY1YfJV3L8W9qLkmrCiyuGZCQS5mut7uL0wnbodYFASH2zR5AqBfFPYzi_5R1SzeRy6H7PgthdooXxpWDOD8QO0ru5BPBOUkUCK6oyIkIubVk-2r4tC-y-ZU4BIN/" border="0" />

kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRZSuFYTpPJ6SI-2NFJljsIQ6Q33f6cDAjLEUL2rF19alUUfKqTpB61Aq1KM3zmiuVM_8i92DVzMvhL6IVOekD66vHGCfvKHqriDI5qoZmMRaVZTnIQ3kE_imdF9k3h9CMGVB6qmmeiXZV/" border="0" />

Kode:

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

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIVP_3YppHvBgm5cNDjg-sfAxuptkR-WOZDYI-U8nhqkDty5siy6vWu5MFSOT02vI4S09HxUxX5c90OnfPJBQs3Z43VPrLyx7nh-aUWNv4h2i-Th-3kuF-LMW9edNyNh3tnvKbfjpNGFSi/" 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/AVvXsEg0mCs1rdyMGMXSftBNUuYrj4T3RvTAxbUsmVA60q04DzGlO7mD2bzFr4cP62fwydvGXzJAXKyAd_AXwnfIZCY7awD2Wl1-sjEGvirLzJJDM54aZx7wm1bWjN-LqDHwDD6gXF0_0OsOe7li/" border="0" /></a>

Kode:

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

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhKiw5SLrVCkoY3B9UuXs2n84CXXxNR-tbsETlIrtxDrGpdvAtvThYjSs0234C9EA7u8vdzew1xLxRaM4_5RixzHvq5f40cH1_5Qzk-U5NShV5Fhz7UH9v4snqQq08ETTGVPp-oniwtf_z/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieH9bKP3YkXGEXql5EzXf_7H2q5lAKp1xSByM1UPxfQaU5uRAjVkENnn4VeZpNyI0h2a7s7oPVzQu1ZGfjXL3URDtSKj1eNlwvrbLKUiQ15KnTHFurmvNGKMuUR0z1GWRLYVqYK-42LLtb/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF8j3Sni3pkZFe8LvdVkVqJ7-I8o4D430eq0MqKrch356J7hxr0PNxoedFop8BgXdM7Vk3eTZ-PMqiyGBEY-MvRUwgZdzmiG6PneYTFrbIh7QRALmEO2bOndmEeHI021GKX1Cm0YkT_gob/" 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/AVvXsEhnJ4tSC_Iekq-Zh0UKo9ww0lVfzYOK1fNma6l3cge8CgbW8yzpElYDhyP4oWhQJh3pvWIjKM6VQRnCCIj40syWSKLg_Qfl8R_IUlUYOfyChOrFKV6CUazGkjAIvL-3uhUBZalFbOvfxWlQ/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE2KdgEXAVv2sIJqYM0u03SSwmpRslRfvCw4z1_LER5oG49rZ7AbjqU29B-najJ9wKA-iMrk2IzZ1mNMPRfeiLsB_pICzn0wx37gI_cvM2dhzM8A0Y7HTe6JLV8o15v5D_dZ0r0b0p0vHG/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx2nYNCseHsQMZnlsj9C7x539KfcNIDqeozGA-E_eNXDiS9GhoQV_Ffg7h1PzkrNiMOw75qOtyPrfvPRPmwnA1j_k-yRXYkQ2WWV-_M3qs0LMim_cehls3d4A8c-bTZPGUcXTLAk-Me43f/" border="0" />

Kode:

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