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/AVvXsEhSg3joWYbeXwj-nsUGupj2wSf3FBcexZPwmVB2pw_CBNf52ixIhHLszOPSSPEe9UaL6-12u5epPEQ_PYkMGNXsdLtszPVUCHufFLfKDWHz9Crcx26T4r2e0Rw__59wAGimBZv5Opp6hyphenhyphenuJ/" border="0" >

kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGO4q6dQoU1wo0vfvrQiIK-tNZ0F7x-Wx3-McoEuU08Mlx9sz7EHQVvd36P8gLvsWabhzrfk0wWuJNPQrwamNIRWmLGqthF4HkNqGLK2Rz69Cc5x4uRsaILCHYL7hjuycQonlQhJjJTldG/" border="0" />

kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJsRWSarFR6UEjW7xEvpbKocQnT-wppz5_Frh_-c53OnLnIoU5RTF8TOQ6SDw09BLNgGlo9BCI-IHRWVNoKF1UD9T37jA_98H4AtkqNAkIg5sTyynvcVLGgNkqrEqbsqN5zHMD7LzXwuo_/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtEZ3FBwSK0QNXkJrw3AusRsXH6XBPlxDGQDIlutQOEpIm8XPBRAvHhyphenhyphenq2kv4pXCfKIbIXNsWDLytawsLhpFu64GkQecAPvpCO2Fv9-ajqVnzA967hnAScRTq4aHxQmfp3rCcFn3HhJ-2A/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivL9MgEg-lf01hQ91BIGDOQSYXKM01TCCKYtPfumsRh3nbbUijt3tvPPmeJMUzipqgpOotViT7Ew8d9_zPTsI5fchyRk4vnOF1FVUzm_tuaUukPIPMsj0thHxmxOfAVsg7J_CWAEQkrg5O/" 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/AVvXsEg9vCG-AtidcISo-G4qeFIU8eHZ22EAEXOtIPdtw9pO86ZtGq6rkpfT7CtOnjNIUB_bbV294lV7TxRsTjIx6c5mbZDkPn6-xjM8bl6CEWNwQ7R1Pv750CNVuk-dawREU3NM4x_A2m4Bgol6/" border="0" /></a>

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKj7olmFkjgaggdR3KBQTyx0Ig-fwluxyPefbPkxnsd1Bpy2KdJrwy_JV7Qk6Osyuoebo-m3TykSpnO7Xy5057QHOq9Ljs1Z-qaP1bzmKZWHU8LfAmnR1mTGqFK6TQ34uTB4jc2Ah-1Qdb/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN1-Dd0R98w84XSem1gfekQnDGoepV5jygAODanB6WJqJaqORL42sqI8EVYZp0yQBawQURAG752XKGtUwUwbzqNAEAVw1UxV7eb5DJIiOe2cZtjh2lVHzZiN0ju3fOwwL-kHsHog9Z7Z7r/" border="0" />

Kode:

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

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghSPDZDDZnjUoUyKSDqphspF23Qzwf65JcQeS8g3vD2a7ZLRpE0HIlGeu6FOjN2hp0n-PPrHYF1-MQPevcQ9NIi2Zohv8EBaBAft4Q0QPIpWOhSaCYgOA0WVEjgQRWGvCxp4yDpMOcgtBr/" 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/AVvXsEjBSaEbRNTy1-7YzF0ga0Xqwk6n7cV8zivuRGg4hBhftY7VR-uCZQubSDF2F_wrH-V9n6h06iwsqghAcGipIRViPpGVtLjRaadaLHp8aTJ5tnNYFP8BmW5vp3RGJToMoGgna0nolCj-TJMc/" border="0" />

Kode:

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

Kode:

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

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmgcnHZuH2_B8Yduunvhh9XbD1-FjfCIi13KpDV6tXXc795mWbhYF78KGa8Sjoc5aaCgrm6TvyL_z7Ysb6ZSKvdSimdSKGgCPoY2AC-jD5ULqtRC-zUIurklaooGOnDyE45VpTqV-8c9zJ/" 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 sini. Disana tersedia ribuan icon yang bisa anda download secara gratis.

Selamat mencoba..