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:
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/AVvXsEjYxPmmKNtkG1dgtmi5fTDzM2oHUwIJo4i0vIitqAASBChb-gjjPfmj5L0QN1LfpDrO-mn6ZP1eC4GDQavazXah7cmSrPtZPOTp10qwfFKTCMGe9KAkNtoBX3lCU-gsESvBKkyGcD2OmFtJ/" border="0" >
kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPYC9wzTJp51cuPgGyeZY8kO6ZD6lTrVU5tUm0VFnN5N6jcS7SHe3OuXW6ekWGlVW5mMBSK4rCH89RkOm7VWtaOaiDZAvBqoyhTlMAU_7R2_y1iB3VoTUjSJclcN6s-vmuhF5BRqpG-kcX/" border="0" />
kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhExpoqNutcaKsWqPzoTDBe5xPU9nDJcKCSA5nqivWn60ALWQw7JUQrCtkofmjjv60HjTrjCSreWma6xmfeiIapzvvXasmj3PSI5LrBVdz7RJEw99uEI4S6cyTliwTYl51FQI1fPliLTsGg/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6w-gIXWrr4Ojvdzt2uIMF8tA5pS_vSYgK8qh6R1sgTCkbiFvz9dQFUbewwEiDhZVJxKCGkMClD1puOH0hByIN9BKhLkDU4mxWPDI3LYHIulzzy8cWCkBtNTWoCa8Bvt9-bQBi-xt22t6h/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicvQGwiOg2lJhyZNrChuKCdxki8uw7CLU5J5NncI3jB2KxDJp_Ngb_Ij89wp76PPhTypMZCOYJGzIokdUYj2H5sjOSjXuRjzC7FP2d1vbzJmH9J-Z7uCA4Ry_KKAPhEUNV1jbtujUJ-dIM/" 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/AVvXsEjFdQU7hkHqldd-detQsiHkWZkQ2nnFIUyPKPVlOFSZtcarr45CYXj6Y5Fg9XHyO0xnnM7b4wQ8V2DGFPUZIWD1IlFYoCY-3N4Xawwixb55sqOSXODS_1RXpbASGTAQ52Zn6U8l1qNzhH-u/" border="0" /></a>
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggE3e9HfVRj1rmBGpstM6PVm5e2WEG3fjGnN5sIZoV9WL2hvZ3Cf77Fcd9-MTIvguqZTG9HJGNfI1YOAar9G6t_CwyY5-cgeXT-m7lXZTRzYb4oyVaOqCl6R3f3LFXbFxPrH7h9okWHELc/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXGExKoGIhAtGSqO7TzFxi3KscKDtDlnqZUl6Xy22ET0LbGE9f6vVYBlF3CzG3lyVSm9mk0J01f6i2XoUWqSGJthpnWlC8q_cDy8PbyQ7n6C18IrTQWlu1Xr-xdlvSYiPF_A3xbVoKxZWh/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnJRsDScyT6YQo9kK7_xu428a6ngiQT7voVq4ffQpLqZPCctIVcTKjKBKyTs5EuHUPY4CzP7zlfmBBNz44nOkFMgaawf-ryKkfLA9pc3kRn8e-lHy7ElCxhyjKj8mQPyNFzHnzExDeBp7t/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivj7GQFfxpD7p_v0ry36CkKHlNEoV28hk4rJo26pmNo6hT2IH_gyVVGc9XCX5E8vr3ybEWIdJfHkQAJLidRMCyTb6L6AUfmoICwVSpYIIyeQoUEcTj82Va8OLhmBsl4fyDr0RIwMNGdd5z/" 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/AVvXsEjA_TUc98OqLdm8quI-eb1sIeFifCeHhBJrDizfZBiNqAuwNpLCRF3dJ2Tnl_YyxNw7TkiqGv5CfY_yvmxaMEUI7mCXbvkFbYDrZfv59InnC3SMd8G-PHltIduh-uG7Er1Ay63BWgZBiCrr/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG9vu66xW8QTBsmkax5imFNswUAz52T-5z6uGVkR2IwUlCzJ1J4v15bOQOR5XGoJpJ8TSCK0hvhb9Dhs4hc0o7pMfoZ7_cPCKkbz6pPkKR3a2y-fFEQQI78hrNHB4qcfglqv8Nff_cYqgy/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-DDUgoPPajVAdjnD6Qz9DpY1Gh9ujbqpxpytvx0CqDSbECQG70Tzb7ZHemn1l-cl05mGyJEoN8ZXos-XOlBWZI05vhSLvlCo4J6csh_3w-YzEelch-0MO44DF84CsDi700X07uNszwzz9/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix6mWVNlFIdwI5s4055itwKS8PyqgCkc0r3B016f_qBi8qtFJ8yNnkwoRy39mo5a3Gi5iWyZpCnnh3ATfHXfOPDP5iqFyOImzDLFiHjPQ40kJVTQotl9hqIshsV0hLOh7JgbNXemUIM8KO/" 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..
