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/AVvXsEjq_e0O1zLnYQhBE4Z4xQrko_XtjRYdRkdJ2WAcMwaw31TPX2Jr8zml3Wetb7nHu1v2uaNWBvZ_58VVENI5huVlN0T6nNHXsnUrNRjwbqL8kcnuv2952zTkNUa8Ceftj9HE44wmq1jA-WXW/" border="0" >

kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQeX56FB72oO-DugEZLg2WchtxHqcJI87vzL5PqIUrSne6viMk5vxi0mGeW4oY0jYH566riMJQpa8-uciiDzsOjEupTV7eX2Vx-lQFc-Z86_UhXqz5PSwrWBdX9Al56EkNE_3VZZqeHJ_Z/" border="0" />

kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNc7Wrzm_kL7r9dwIDuks3EoQKqUMnqphmb5XhLBSS6FsJ7aQ-jkiAwFxUvK_eSS87hvs-XWkrnN6D2QYQiRnGCn-pwC3HvoA7YyoLwDK6YJnwgKvmspO0AQFk11bkfVDUAxDdmPEg7yQn/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggysR5mtLCSra-dhg-oQh2sHLGBwhewDBlK5Iv1nv53TXblBPks0KDAVAnfFwGsJMm9UivP1zNjKnkC9HPpmiiJa718QYQQ5UxKUmEN1J88-AuI1LwW0NhjJDhnVWSE_lTKcliEm3RnK-y/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO87bto7Kyb7jvc_rGBRtk_La4uzHj6Zn7PJo-PgEZJMwe1t3DgWFOKq4FpBDCtL2fDpI27qjJ97grUEszLV8m4ve1samtaGcOlSpBMnJiWnqoAerfG7RsqhIZPPnJGmFr_UurAz3CCeLb/" 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/AVvXsEgHdEnuVX7LH2n2IX5lkjWgl9YeRNOnx0xAHi45yd0oUHmrs9ugjmqm-bK45goRWoeDQAHX_jIO19h29gfgvZJO6HdaB4RcfUMvma4TDINAEROuUEv3rK_llflzSarcg4IWpdjkg9-TNtH4/" border="0" /></a>

Kode:

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

Kode:

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

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQScuP0IRVBJ-gaAFLnoUZNoPcnda8gk0Y7jj3rS0XLDtR3xSda_m_Cg7B5Z4JZAbwu7KYJUr8V6tAU4fWbfntdrGJSXbxjWAx-vGo6Nwdpp4H473qNVhtbVxvIyGUEji-3geesq5Gg3ss/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIdl68iBTxqafcghGL3ivvqQiGpm7fB4I9P4ESin4b68UjV44BkNtb5pPmheyCTngXah1g8NKFrETzqICuueKBHXIBKyEL2ySqM6Xu9f7dh8yFTeZnSpIyMxHJR-pjFCXtc72yzRM6vG0V/" 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/AVvXsEjcDPrZTbOnG7AirWAjjdbn66Wr0NpmY8juf2BV4qq3JXSzsh5GSfkrIbZQCwuaBqLn19e7WFZlSbH6IWJZ8ApwqY1BCOdUAZ-iwVDJTinO71w7cISrRMtLqJpNiBmKXfsOTH38x4NQ2ZOd/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQEuq2d68C4ff7HL2VC54qHeGPMcN_I7uY24844m-__DgGmNB9lIP6_L8O-mDGlHAcjpMNz7uoJHCtRD92jKws-gsGaPlhTyDa3PfP9q4RTPpoB7ys5OLo_AHrPq9-q81WdS1AZ7nZow5_/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEM18Wzk3-uyA2U1jH_P0VVi5s4T6zhuTsTWmnb1NhcKIXcUAUKrv2uYUw9FJBD-vLTzSWiNCZClkWndVYGUyiHdsRF2l6Imo-UdrNU7VIs53_zjWTiiTf8_td5l_tGEXNClUtAPH5QKMo/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheWavPT0oWhldzSn5wX9maadxwtL_d60eSxHxAgeCo2kBO3E7lk9MJJNMuhMewfarlOyL-Av0mQ01kOmuuXGh0WRH2eh_Oryro1DqE0UvY4OGXztfyoe017I-beaCYtouTEbK2PijXq9PK/" 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..