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/AVvXsEiFRCmU22HfE3nAP4X6X0jKTjJse1070JcJyKpUZp_zsAceU1coO-l8jn9Hewk07c-b7iOjsaItasP_s03a179sCbdwcvQ93V_278tNaX5jAOswjERCUqqlIO0HOF7QVCrVp7_wHz4SJgue/" border="0" >
kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlO2VK7xyCsiHDScBsBTpX-eMc5j7C86tKzWRaB_kjTpUKSr6GorJ1xISlqzj_l6SSCBD30jnyYOqq3ieqbhoWDpuNPYhV9omjb8M8w6fItW9aAourEpx_Q44d6VIL8pvpUeo-57kbZ_kJ/" border="0" />
kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_MnBjS5-mZT0QipnbfJJwA6DyX0XOdQ8rfGRruu9kYZKOYa_x8u4FdqYGOWKm7-2ivAQhPlM6ITIXwSrwpNWbymFNmtLIWpbvOnN83C9rkOW2sRon5rEjpbCXY6Dw2flwxX9ygtBFoSQ7/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5sqj-bKSsFyhQt6ZHmjkLsTaaltItUi1Qb9eyyuqJLFDHQ-7L1pKbczetRAbeo-iVWjBeMfwhLdlTcgA4RFONkNAtTaeFf98s4li-teN0hB4MStnCejy-VpOSMC5N_fQu_MAmMQM046IE/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMPCXrd1XgGW-h4ZquFPI06HztwmjyZCnOj2NjvIHifnucCtir1iBtukLB3ktp71_gejJWdgrdkkNcQXxJsRW0eRXuGMebZOgM328eL0Iar-JPDqIpj8KfYLYcgYZs9YSm3qxbumiI2c7q/" 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/AVvXsEi0aqrYNnpXQFLlf3LPkNKGiicy4n3K40W3QrWf77dpR4ysu_tfVv-UP5BTGBVSr-AfGDaMqSGx96y72hrxBi80C_Rzeqnp_ah8HH2ckzRSM_W-hKjvtq3HDLvk38GLn1JTW-cFdA-l2uQk/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVuuEdOkFFI9OZac5AsmOCzQzfXX6-qC9R1cvS0HH2za2WqtEhIm904Kjx198lbApm9XqMG5BLfXIWGaYHXHqa5TSl0Oy7IACUxRWrXoORDuskrsKmkYGZH397lIUgvY0Y6t3pGAe7vq0a/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYzG_jDXSkx-1pTQ2-3KndCylkxM2W2XiGwgdnHuwZAOgDHsNP2N0Q7Lvwwz_VYIbwjbqCkJTzXIwaBj_hwBSQPXWOM10sSBKlG9CEgWeJCxD_-azcg2FV6ultCSbfNuRA4s95WNOLnaKp/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-BHP7n1kuVrtWLoTq2APufJ0OGdVX6mlti0TP7c7-dJ9FvdNhURebufQaEfs5uRD_XgCY-qBU68jZFZODARNsskj1MZG_y-JAQ09RY5QTgA7PZwHBH-XRXDJIBu3iVgJ499UPL3F6sUld/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2i0MvmQUyoAEMIMOd6mmzWxxwqTL1j5HaV0Q3rpInU5UTzOOzWHvuZy9yDahUtzi8VgOz40KogMU3e05S_ikEHW9WIvLbf6JDGmyzEP0g71yo63aOCKAs-GQH7VfPSDZ4yu13TPp2qjat/" 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/AVvXsEjA-TjGweCvdQiyGZyzGz7A77uanWWAr9dpTwrSYSWzerBrpNMuxRecoREI33XmSWA51OElpOyfSI9SV2cLiSdsXZJHNckpQk3u5z7sPAqev49qaa0XHI4QNB7TN8Z40l-LyPofn0jB3abV/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4two4Ay0AOT-j2aTb1W3ih0n3xzwqjjIvHF7R-pgM3JWPgH0Xg_Mhn3z0JdbTLGKI3Mbu43Vp5Ohul6wX2sIshYuYW80p4L8TbnOiiguTgVr2iqZErvkWn4f11kSxlDmo9DgGpyzq04hx/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifqtl4h3WfKYN13BSNORrpI2LtbCrCYyu7AU3ASaX5u8e8yra-yDnEUUDVh5nQhzag2CJlkHusf0WuoFCud_yA20HjR9crcn3CCXMuyc_91qJ-viKS4DXLQANoh8shl5We5-7BgcLwqXR_/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0NEqZel0veywFp1HXdwuqRU-8Jeg3IqP-kp16LHiI6bdO1xOq_hiqCWAZ3qlvjp00rsjeIkJq8SLPkCp569YcaxubIbFHbpqw3GJPplXMBjyt6eAqgpBTgptvxENEmvAZWZJfk1Hn0IqO/" 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
Source: www.hermanblog.com
