Cara Mengganti Link Older Post dan Newer Post Dengan Icon Gambar

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:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjKg-KpnyioJPv9HOTkGsw-jkGUEY0G88l9j6JJ1ONkmQJe2ExBQtkgkh5tLljNc_aT9zwFKVL6qS31qnfwC1vOstpW7dqtwO7jvUAyyNGopMpUOqtGrCZixw02_bAJGt9pHaF0WznkCWT/" border="0" >

kode:

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

kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6Cc6nPU1Vei0hWdy7yIRxy6PQtCmGAHMjRoYKMPo9QJpYthsLIH-53xKAQPwUwiMWWlWn9hccFtOV3WhXAAJUFYHBinY3RboVP5e0dqNrtMX6GCW_d7-iKHv41ZrFFVdqrv68oz-j8A7f/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4SYJp3isnN82YL-ML51lPqZe8ptY0cq31UhYC9HqiWizb6iUOFTU6ZbcCtkN58AYsFuyMteaa1vCHoaNgQcGpjmBwH3EUnd-7sDr3AAHWvDhpXzIiBRfQOdej6ym66iDhsCgFqjSLWUiG/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_LD4RjgGFQYwSiLgyIwBNkwo3V50Mk1bRpIQKIdZq6xBN68KPDcM_8nCl-DWfy4AvNLmOZ-XiRiAj2kjTazab3C4EDrMcl381rRjnUuBPoi41AZ5wr74yeYaiMMq8rCBNgdWLoToVikur/" 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/AVvXsEiHyVUHUMEZiMERe1hkIh-apuJRPuT9G6RHUWQUOd58Mle_PRwNz-_QWJourDD4Yj8jmCHiv0v1xqhd5hLfmuIVsKA7mRkrB7YYXoCjb1Nt0qcMhx9SxP5y1z2KpMuz3IShcuvjziEplM4U/" border="0" /></a>

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBTYh5t26EwoAJGbrEOVvhxk89Igai8-5ZA0s0yuXOI2FXAQAbRJAs5LwowT_DVsUqNLMNfllF-aoBr5Mb64yy6-_djZ1vvlfu3il7JhbM6XtWKHt8tLuZJtqKeVruzIzGzaaN3KqK3cSt/" border="0" />

Kode:

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

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj1upzjrv3mMkgLltXw9bT8ysUk26irjX8wAjd3c0dOgVW4HLacRGK3U1AVz15mBBAyAeKQBNyyRqk4AZRGJ3AmV5YcH0MOPHNf_wWb2N-ZdGiklRgpk5UKbm6MsZ-T8ujg5WHMO_1JiOD/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo8ELPB5rTKS5hrU-GVT742gZ2SzxWjBmCY3-9knMNc3rPlUomet1RTkF-1ZL6zUnE8iS4V7N7kL-AFTheA3C-okXhxUwGYJ8fGvv1qQmXArH3bGSrnD5BJyIINnfS4vB4N39nFISh9Ahyphenhyphen/" 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/AVvXsEjQ0r2xjIwNu6VjriVUtu5GASGD6oZEKe90RNFy-pxMCY4lB4VmOu5CjDMP_3DFobNDTeBNBQ5dZeuZKlFqLxgkoMdZo8xW82qGyz1XRx9sd5jarStU5vP2EFg9M1oGKchhi4gta9W8ggHE/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDtA-Qclb4f0-_XxkCczJ3Od-Uwe2RrFRQ1OJEdZyBaHlIRGN3x3Yz4TW1igO2SBSAUSJsOyL6TxMMlM0UWHT2uW_cH6vS-iFypLbwfYoWWfFq3e7nJaCwlNBFXTJ9WYG6uTxLDwvi4btI/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwsPk2oxMYL-JEyCfDUMm_C9BZvcMe2dL88QnSYbUCy9N3eFOwcgaMixH2weB22u-7GvX89eVsePaeh8Bvh1sPgLIp0dB134TKj2uOswBpICpCNd4I0eNbgsNkRUrtVA5rO1fH15SHuUn2/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR1uUQWHK36QFT16V0JBXKs-3nbAtmDXyXRkeGYldoCl5lAdySeeV9vaW4SnyM7fQPY2OtQCuqRh9IkmrhMatW-N3gAAsgFu94zwPFjhEHnfPQrTxm5UtYNWW9ZRc_0qap6N0XUpgqlqP0/" 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.

Selamat mencoba..