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/AVvXsEhQP-opoRK31eQ4YfMpTrQ2JmPCWjBppMwJ6ju4WHakL7Cxd2kSIPW2tLDf96Z5CIODx09T7KNHvQvaXNAIF5oseVcfqg783iPSGM6MAcVsUS9XlmfjH-6ZBv8QQunNodDvahVW8gukc6Td/" border="0" >
kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvR2FZ5xFfJF-8SF9cX6xSWTxvOB290csZWiasnCIOaIhnRMOMm3J2twNNuXSpXty3zY5rEiYzfPc9BMSjG6onAiow_F8sn6ge5pXN9C5ICsj8wZYjWYoeqWiOpua7bZqy0yB3VRZlDyI0/" border="0" />
kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtMvEmyPPRHvt_HZNyNOJTAbl-fa1BIIlhhpFPErW_qt7SNsBQ2IEexN_WRAcMHR7Z2FUr0aQxWtv23lOFUCD4CucbNxX0DcKBqctFpRzulL5upcxFFmHcuoKOSu2wWe-8xULWLo8VAQGW/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ-TLHPs-3Gq7IApG2ABXGyxozDNbRnRCQlFZ77Hg3jN33_9OmDzh3tEvBVw7bKhMtycOWIVdeVCVIwHXaa7MoVp157FaJKU4xeQ3-oymVBA2IjhPCk9-sw_jtg9pZjwjX4PFUXcPyU5l-/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7TAcl6R7M9DIGyYsPdDzPjwSjZDoivRw0561d0dtt_YMpW7kWp9wdfsz35VlOxEXDrsoHVTrwPfDTzHDwSMEvjG0fUcjwPyBqcmakt7CZU8H9ZeZyh76RVqHRvTUGppoc-HGMyv_mP5Cm/" 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/AVvXsEhZiuZZRamogYG0T9UyBWmwv2-yO0Eaq0c2rR7QKn2EG5TIGuHQ2eMtBYxfBfSiaA-TT-y2L1nnu9fUWF0lkYSM5SlyEeU3ispXGDNTwiTOLnlkw3lKI5ng2fpNcSstGe4KbWMZU6NSPdPt/" border="0" /></a>
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKt3AJQSPkv56NSQrFip9qF1KDfaGOZg0-PEo5e2XF0hD2gLBcr_yUrrSOzFjAK8wKVCkb-g6P9EQ8GivIw5yagjsqC8lFepAuuLMYy_xSfYBMSPRLIGQUJkJMCmyQEKWotK83kVPkqzyf/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFVJomx1sV4Ws4b-OWPOQ6nLMwBTiJaeRXzXNEYPNpeNkKvERxUXvaqgH4cr1KEIW0zlSd5NFWMOgrOLz7gtwKN58pg-i_G6wh-CGX-UnznFzWXjokJ7FuLz5hHe9y97K9J1wW4iW7Kgzg/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBjgmhgPRKI90svI68oio1pkmFcjKMykKK0TSswoDv4JTqhP7FrmPCMq50AvvQmIkjkbMTZlguZ5t2yLRjyfWt6zBUDgovN7zaktLYymad-UurEq5lbsnqE97yzDx9_bZLTeixXOIu_96t/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjum8uTBuQgf31xhJQ5m3T7a3ht6KsrSxYcteYW2NwOAKgcSOCublst_M5SwT-hraieDH9NRKZnV6d84EUcu1pfzwWv_T9LnNULH-_gqTPhrKIgKGeuorzZ-U2eg4d1V1nAPFp2tudio5YJ/" 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/AVvXsEiA9oNfpbrogkVRD-T3E_2uFyqJCdjWFQSnYlPn_2qohDdWHUBOIFvALpj8t3aQW2Be4tpd0B5T1LIV53iGuNVuIFdizT0EKcj7NCz41TQS39psulwVBIyCRRuyl64kayJ3S_IEXuhhrvBX/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF9IPZhw5T6EpjdqbwM6qp4P04UFtka87YtNd2I8q7HToTKVODOw6H4vwsbgNsu-ZCl7JUGcn2laKNfd2QW0x9ThCH5wXy05Xm9QiEqEuz-hAGopkHESjf9ljILONrspBSZU3Z_mT91orP/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijpVLQ4Xzj-4YFM8676o2Ejs_xp6zFWd31vao8dlYfsApPLijHfm6xwToTC14tYB4-UiyuCGxj1lUOE0e7iCaKTf1-JleMjhyphenhyphen_LGxvR96MNKcr4IH4CgwnSRUDkKucJzuWqm-_7K7sQNHF/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi285wUtNvGbs4sOhrMfSKa1N8yURcfFRLQldF5Sb4yhPyhCpvl82mnwZGQIcYZNYXwfo1J6UNAqKSH2Zjp3EPZoYsrR5KDxRYtfDtJzRIIkC2SUij9j-68qhow4m0BPXu7i5zxPuDdXqKP/" 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..
Comments