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/AVvXsEiBuMbruRWOfEnJ-S_7pv2XYA5XtSbLqQhNv7KtGHA_Il9Tbx6w6-LicGSb9m0BkC4jSukpxHr8vEvlndoyfWnHWE2g5StOzbmigi8XPeI2fY3R2PzgXMqUtFnpJEmKOYijs7C8aJJwfYno/" border="0" >


kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXUwumPW1zcObWESVWSRHIaikrckrz1yMQRxOwLAxH6KLImMpo4TihrWEIOuNFhhOe7vYn7V3zM0WEkN9U-Yd99KCqNft44Dn-w6mGstSqV18kyqN6vWg0CbnNn0ec4K2nwbOoUX2xtuYw/" border="0" />


kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR9jdzxroyQSevbInKEVBykq8dEoxbKE9Wy-xJdquNstx2mqtQe3wmUUE9tPx9zwRlNNUxgDtRNPRWNOgfG_8QC5TjJV8z0UY0whzyiY3k3oQGpH8p0EBRczvsEKU8V7wNOEDFiOjCovcT/" border="0" />


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYOhfwQPf1hYti_GoDUEMAakaw7hrd-MLmd8yb5MaTiUcqA9JPKuRjGtZ3eI7KtEzj-HSTpH_q-6PF4sc2VO3Fj_VoWNpe2q9zPSYC00mud8DR2oIrTK1yRoQwwknOcyn4NtafRLDk-JGm/" border="0" />


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrQAGEJL8Zg4rHykhyB30vBHMIKtdtWn1PAMt0QxXovjXMn3E0OFBcBqlIKlZZhuxpUDajB_TZfJnIOKfkYVBVwTdJtrFuAdp8vr-HHFi0WyrtBWRcTejhBWcAZjveR-SYGgcxr-VWgL08/" 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/AVvXsEhPSjdsMaX5BJuKe8Get-uJWJSYxsNhN_CEaO0gEoxMb2xSwCNw83wnv5OsZ682jYxgIlimHTuTz7ogIpooYOA4tk28yfCYBhuS-A0UVgQWYAMF66krg9fQlK5-yNzWEwLU6SJIbE3UJQoj/" border="0" /></a>


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0RStxAPz8UL9udu40J_bw_vGDPpmiXXGfZNCFa1KuwY_H1EKO-cojXm2FHy1iGquDxTIjxukcidjZMw3b7dhR434oRv7fxllJL-Mf0MJCAKogDufYzZ4yxPnua12nXr1FrXdlV5pabdHS/" border="0" />


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


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiONAST48kgoleNAFCRsOyqrqb7oESzqedRi3b-bq49mqYdx-4PZrZLX4iiEYwaB3Zr1DMuBhBB5fNn8YAC3tOuABaQy7l6H4qdOktsXaEDL6-2QmbHpEYUNIeybA2a907BRPODGC9injo0/" border="0" />


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGhAMxqG9H1JdzNMNcoUuVbhmJhtjCNXq3c0VJrTNzLSluPceOtX3YfaPjGEnbuhbAZ5pFscaDa_IPOl98KnLjfj9Wznan981IO9KQlfgrOIKfbNCtcxvHsituOvFNNT_gQ3oYu2wF73XD/" 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/AVvXsEhLWnGI9f4Ui0BIaemIyXf1KI6dByiTek_w79x52c_A7hiA6niwhntEOe4uMTGXvJlSKzMDkVIv4ILolcTske12iChl6CpCw9FIlTCPI4cTXM8AsM3l4dCeNyx3-3qmu7oMRUrB3IcZaZIz/" border="0" />


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4i38wPsgFSDYBNn-NM7NboLGJt7oraYrZJqZht_K5niSQRttJK_V4fTpOGoOVgBKYkZaEK6RuEeXGwYUhmD6TbEdDefzB5sdtyYKE1znN1mdZB6nO7OSimWauTG7Wa4Ya486snR5TCVxB/" border="0" />


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY8qaOuNvXLCa3H-PoPPGdNFpbaOWxqnLXTH48Cj2CXGAwMfSQ2JNWQaf0do_oxQZLi50jedid4Cu6dBIcw2cUCoc6Yt5Sp1t_ZI_CqFWwdZJynuZWsnzPlT_ZoW0NAayC1ckUrkZA2uCH/" border="0" />


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

0 komentar:

Post a Comment