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/AVvXsEgo-R1Nrg-AvBcfGSDQxb21O4Jxbqa0Plm0izHjKoVf5AS-mNxypXPBCh5NM9JHAKOJCmnFM1tMU1op9EQM9M_URcOLQL9tfuv7zhr0EjY013LIEcY8IBlOSUy1SnHTvbiFePI7Xg52BNH3/" border="0" >

kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1ckXFZ3vxzn8C2ww_WREVWZd-DhzUwFx9S4D2mXufFlYF3NKS7MX-748-iXPVkF3dThdC0BDSxy6jShsqqyMM_Fdcw7XVua2P-DZqxrQGefdXRVABwqbeop6IO6F5CIu_ulUoN42Unw9c/" border="0" />

kode:

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

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp04LFYRZCnPGgZZksnm3hyphenhyphenBpIjLDM_Gu9ywclbRyyKJr7ZPFWaL-eYeYDOIVF4XsQCVxkY3sN1uMOgBYSLtAhiIcsf4UPXfcqcT8B2aeRhR_7Eog-3YNlXh8gFRI9g8zng15doJsjcbNd/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTKhN70THk3TyOu5-sI5YPiEwC2CN5n_166RTglYH74PvAGkO32WM8YiriHNs_3CkqGFKFddNG8s2JmWe8r63SuiR_6lmB_dN-Hz-UXhNc1cBzmmLjBA5JDTgl5BUfSPPhyMfSRX6WdLxt/" 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/AVvXsEgLrqVpk7PYhzW0-SHka5cHgNIl8605XuQgDlUPoTnq51py3EuKMLskUE6m_7Hac9XGMXyvD-sflkE2N2PATbNik6Muzlm9wZB6XkG8SLaYamS-WzCLv-Sz60fzZx5z82zepIgopGJoLYvq/" border="0" /></a>

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOQJKTVoCH2bsdm5pqzFlgY4w6_eLM3W7QQPkrj5UeUwpALJtpvyhQpOQwtogFZPBb-uukuy6wH1iOrCOhOcVnMBzp-vJ7mFgKS6eANYTVAi34uBs1mJQ4cMlE6qU1QMzppATVEGA5r_Rq/" border="0" />

Kode:

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

Kode:

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

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUHTCv8htZeRZ3ebkCSVsAAPuq26X0Y81gzCabVUj6K9i6CxBORfd5zZidS3oyEvXV-NOHLCT9aPYhUnSkgl5cei6puaSImMP3u374gpZeTSQVRVfevqwrjOnMbI17lp2c0Pwt__QV8HC-/" 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/AVvXsEiprcKXwXVhdn0dpND3JnG3t45rqzByFHA2eceNxWoxLa4dWGFVhNo-oCjGyskAoPSScoB2yxHli2EbIkKs8V-J5OarxbTE9W6hyvwd5eng6NVe4e4pUvAzU7-nE1DefDtOqo89PSIiHYAr/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQlaEP0TFot90LUbRMS_HcK80xo5kNm-Aud1hVALjywnFXbk3z7FerYSt-gBsmdW_DYwzj1IyO-rF9AhmTh-aIRxT8AQrbW76IesVgKHPnzf_4YgKy0jeBpOoVbGFNeKRo_0Q-F4AOYZg-/" border="0" />

Kode:

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

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFZdEKIKzaxZ_y6eKewH4JUfhkbrtDi8u08EoWCHj1y7TggNtE1V31rNOYCZJdO-sL_-3For-u57_3CzH8hgpUrBevQDV3v9kT_w2OMQuYUQjVtJ3BSPMPaS4dKI2T2fq-UlEfEBvlfmAo/" 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..

Recent Posts:

Sudah gabung dengan sumber dolar berikut ini?

Dapat dolar hanya dengan menulis review di blog (syarat: PR min 2)

Dapat dolar hanya dengan memasang link di blog (syarat: PR min 3)

Custom URL gratis + dapat dolar setiap URL anda diklik