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/AVvXsEjeO5YGPAKs5_h20wNs8_GezTodzMqeHfAfURL9QEGeckBJ_xZroDTDUgFBLyyKK-qNwvSmdX0MnN9KVYhlTd67dK2g1qlNO5g5VycJleIovj3DQW2O7Zs8Uupm45MCga6L117SkXUh2Hw-/" border="0" >

kode:

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

kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0G41wsn31qXB-MJf6IkxXWxsxsoiUFzzq5UtokKYZwcLCvp2L83j058lRlS5wxSgvU9Fpvl91jOXBaBbzKkpO-V5T0libWpnhb8ANo9S1mh0jTIDvs4yvYbbV2UXn-8SI3yiLY_O7s7AC/" border="0" />

Kode:

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

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhod3DfgNhhVS5q6yLpPRxzheMM9W5sBODTgpl3madvAdek0aiU7bhAawSdj2L3zYpnUx1joWPqsmsTrjjMGmwzCXr7dt500VvcBzmRd03WthiJFFJLDEytqq1egf3LrWUlr4sBez9TWBqW/" 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/AVvXsEiDqWXGsP2xb8TF33bPTXLw0ZYLIia8n8u3iD_puRhhpMK3P5jiNYC8P8H91VjfUldhGrJz2QUbAzl9Dz2P1gKKH02m4CHV_jwC70FgV57yEkNSss_p40P8pWu-ye6O0JW8WzX8l_-_JcFf/" border="0" /></a>

Kode:

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

Kode:

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

Kode:

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

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4MWAF6v0FBmX2ZhaZqHK4DR_q5-2nsfCIc7B6HKEcc1p6LJZ6-nFKzmcpcfY0tAK04Krh6zREsvXvTx4SlGDTBIX08B3DP_hQl7YE1s5eLzyMBI1wbgwVoLr_WZVVYLkunTloz0E71fA_/" 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/AVvXsEjvhO9t68FYfF7Tcr6ybd_vEwyE2OdklUtWxg5qylksjVaafIV4cXe0yAWO93r_DzXEeoun4iwDFSu9osKDTxSkD_BCoyoIkBgAJpY4AVok3PbCgcyKIsFH16zTOzaZP-KCpI_CusyyK9C8/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2dMmPdjncQ7O35TLqkvMwRPOk_VfEAmrEP-USPSuigDN-KSf_vrhKYP0wfivZuYKDo6y3kf2oC38olSsMICxdKHg_kgTe2nyvFAHx7RWfp2T06W9ub68xfrbtrtxKCNNFTB2TAGotnuQ0/" border="0" />

Kode:

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

Kode:

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