Secara default, setiap template blogger akan dilengkapi dengan link older postdan 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/AVvXsEg2-0SqYYXgx0MPE-YWQ6EovW0LqHexqGy0c1xi-6bCGJuliiNbFOMpMrIAT5txJqMWNivwos6KJCCxfYK1TaCZ58s0sv80gYkbLr9G7uHWl48-v8g87mJcNbcRb7mjV0k30H4KcNi7Y_FI/" border="0" >
kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJnPOAKa0q85ipZrrjP_hHraUB_AQKG_hj9iICGhZ5KdklZSGGDydrujc1p0xzaeYxKuF9agIFEVlPYwYv9fxfTXMuVQ4BkpTqNNadjagIeigkPdEUSiosskfgQd5iqhyphenhyphena4x62OJV4FObH/" border="0" />
kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNudqMg7inQJqUigIIT4kxlmGi_DZ-J1BT_GeMdX29tUivUAKsLl-CusU6kn5iQOL4UhD614RW6n_YhNnFHqeto3H11g4oCPs4eDOwfx_92aAmwYJLgB87ZewKMgaoHI3mYMy4UgTa_JJz/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4q6sA4q5GR7wpq4E9tZ0QGju6QPTQxhVSuOIH-XUGt0jk4v33yKB2UmN6JaoFsJ-eOytHa-US06C7nkBLIpGF2mCZCrgtjm5Qb7vYXWax8i_ZOnE8si0OZbFHJcOaT7k4TJvzzWw7Je7e/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaiL7J40xiwnPLGhf0pwwsdWAq15FmxStM46U85PtDC_pfO_sczjdQuD8LCfJlYC6wRgVdAAe_ctbugay_WUrvCe7-qvL5yoCCucFApE7BH2l-tLXcBFGaGK7A3P7-YvBa-sb_4ed6iVRE/" 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/AVvXsEgfsSwdn5IYJ0JnBslZv3xmFFW_xEvwjje7Nvd1gjlrFs1qNM8IbCgjJnNYeIA8cshb_RQvKPz-OButRetRrWlHiQkvQ0RajS7zcGBIn8WIyZ4VUFnDhUzKsPqOg8xSDTC_-E9OGmAY3LFZ/" border="0" /></a>
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKlxfMLs5Ig6ikA0yVtluNzTWBQaQHabZ74KFOGktK6_jM3TZh3IN27FqGf94lk1vahHNfFFSkx97fjd6kNmuvSCJQ-qtrunvcq1QWZQ_q_7xqmDxnQBpiDlTJemYhPNmZ8Bm7-qGIj7Ht/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd2MJo1PqaIE_CBw_XVM2FqWWk85Kqsek9DW_C6OC0jytEI1j3rYn2gaDqIDDTa6VO8bJwsBHGKqLPf3S9L_004V2d8sSEfcaXZxRNiU6o285P1tdlVqpbkhXzu9CKx3ZGEdyufWXJ78z6/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIgl_8K3AyF7Ivg1N_CNgdPLpeTpFAg-fSdPAQmLTIbmV4j-8uhS2yxTDf3MwvK4y4NUrM6_I530TWBzzXykV62DWbydvR9aK1FuYUiWIl0WaY2FapqjypD31qMJ6DcYn_uYJwcriWdGJh/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8Gb9SaWqwEf8MnbOb43WrNbvms6ZQrGHGL_BCx5C78SJmhth809Z-I3kGdJvDcU7htoyrt4bvu1Qrz_QkV_OslWlKDFHPPBYZxOdyRXlybXlkA5z9eFy4lA47jANmvVAD4dRIJnkQeZ2m/" 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/AVvXsEio8HrFQ7U-anjH3Y5MtEExdJxFnsl67gCP2jmngoLzyBfA2rHYDpnYLzGs_twk8E6lPZoqw60ux2A__yMiiOqe3vElH44SIz8hLln-eG5_A8-W5ANEx9_XSpBkmp-AR0RVfyQrN8LpgoJX/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu9f-4vfiEQPwk6A3PXr1l8NyD5aO-GD1XDFGzIPkHNgQz2ALvOebG5nrooYOGpG6saajqLiXr_fHgkYEbVNU9NLgHooD7fMLcocd9-hf7q6PksO0d5BHRezfcNKs91cDR07UpZqqZk8uR/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLVtZBwcPyXtioOGRMlrKH1nNsuHhaZP-leuTUTDQdPE9XB7xRR2zhyphenhyphenkDn00iXvwQRzJPjm6JJYSmZHHh3MyHVTEU-rrRBje0yEPWEgdXPfphy3zRjJ1PaGrfhsHI-Dkg8sJjHmLMiIakW/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghYbSdL2qfe0wMr7ZAs3q_1jnmhee1AaJ5WW05mNUClyatHkHetUv_ugd-l6lVi_DpSgpmdWXdY9_tGISdZa9lm-qGLKyb0XldRBIc3LzGH1w1eM1RiSJOuQvPCAJ7mcNlo7DalurwEAU2/" border="0" />9. Setelah itu, klik Save Template.
10. Selesai. Silahkan klik View Blog untuk melihat hasilnya.
Untuk mendapatkan icon-icon cantik lainnya. Coba kunjungihttp://www.iconarchive.com. Disana tersedia ribuan icon yang bisa anda download secara gratis.
