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/AVvXsEiN5QYInY-0dF0ab2QTNwJaRVXscHL721SktWWBeMqAkUBBoKeOipYS1BpXylPARkuVHnJMrsaBPyaEC7fbT1NEBsLeR7HQurbCD3xRpk99DqOvlSpXip9VrW1d2hDKOsSFPIrsqs9GJDr6/" border="0" >

kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLaXNFaFWCR0n_PjtnMpQqGN8yWCAlnPZD0cx1l1Jh7ZppF-X6EggdrAtLtbdgweRhyWfBVEC2JfHGq-1w2xAB9fA8it8RcF90KDIwYn5Oq_3qfM0kTG-jdzz36kUMhIcowrMxjvvIf-jt/" border="0" />

kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvNnTSNPv6kI0G94N7CKoY-TTOazXELQEf27RkrfVi3eByxqoZx9m7nBHbOsdYOCPiL4MW8MklZ8mNlJbKrgZTnIpOBKpMpdH-JNDsUkcmmtp_tChXHyQTRf1zS2aES4LM6hI4-a_bjIgn/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh66osTAi3sK4vMKRxMpTLAKtyWidRNa_Mg-XmJBhEKphg9JJMF4X-ZKUY7cICj45XFA3GJvqeiSeG3UD85Ad_9RTWy5s7aMVHEdCe_IlT3cCvHhcOnNlgYfRAtkAUMvdoUfK4Rln8ps92W/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnIIZvLo3hWPoJTdZtrHZgo3r2QVE3nU9R3GhFH8QHrIzEHdywYkyYXds3V1gF2SZTtRTabEUgkXC1nvTYmWHrob8HaGfCcKI6XNquaKSUEyahK7sIG_DeXyEV2CvnQZV2JtteLu7OMHaH/" 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/AVvXsEhZ7JDVnlQcDcYKnJcLqKemB2tlZ0RV3kvi6OxUF72ZrkUfl1k9_c0bZIaGwWsWM6lc2lGaawzt9t8xFsyp58pnwJ2CzMZBPYipQOoyw_RW4vx8VLcyTLqy43vOHDcyqySmD-egcZbxr-TA/" border="0" /></a>

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiYa7zHn4Mq1Njny_bT7PAcj22TOZRzFMYrGSzftBDAXbO6oo4B1Wv32lXvGayV77gJZuhmEyB-XaJc0n_O3euVtA__YUgKtvUmvbfIaHGdWoAFa1pOrObMFSyr4J2I_bBM91NbNNuNu-k/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBhjNTnKqyFsJxv7uc1zYBN-ew6CNUXsrKZCKeDq03rnbcbuRDTheB6aEUDK9QXvMi1HPsTgC1gYsFyZ0f8d_dTsoPDalDnKqi0Pg9yl0JlT_s1WRr3-A66uWEjkrQYgEAV9NybnW5BoHZ/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPXR6aBlTHt5JGJrd83bGe8iPb0h1U8n3LDb66al7L86TPlibN-PQeaQptz6EuhMv_BGlj6vIS-74jSEUQuMWcd6hxPFfQI70gi-Szs9InvlaqQEUHwil6FrvV6vtXfQrNoD3-S3mduCef/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdFAyUyyn-f2ZPGs1st74wzvVn2_A23PyFUFesOospX27ayx5Sp72JqPx_AKOUwAt-f-t0yE5UULOawLmqOOmWbgG1OU31Zn9r7lCi8SknioISnXD7Nds8YnxjfUiNobTjaZt81pj3cSCZ/" 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/AVvXsEi1CDbcmEozPBsZh8yhRxnlOr-5DAuqC694YZM-UvyVrsMqqSOj1MjV1v80q462gKedMi9yng_AOsL09qzsSQUq1KzbBKgtkof1e2Zue_n95aPSh_L2gJPNS2Y46lwiwXtwMU70yJfk1Jka/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimfNjuRV4a-uIPSk4jDs2nsXudETtwjGFM9E9WdDxU9wRFZyxsW0C8_SQ88T96O8zpDQy0vBlK4xS_cg02CEnsfcKCU3uSKabEUcTFFiN9tYe9wBvVVkb13-A7vsGjJO2Cyq9ynO6Hf_h0/" border="0" />

Kode:

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

Kode:

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