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/AVvXsEh7FqdqPoM2WtjK09o_ZgBt7Kc1hlsG1JFZWnA7yvu0YTEr9G-yPH7UNcHC7L2TceSgceJle3F8M7ZSJ7hOwWQgKQ8CEqp7H9VPXsTKJ7S62S8IFJcct_f8CkSdhWl0kTsyULevxZyByi76/" border="0" >

kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5bG2hoLjJUXizXV2PggMEPHU9nHX_b-ieC9JXDQ1MPHKjWWIfTUNs_p1tx4FX9WisKkWUkVW-IxTfzzTAsd1g-6QgOFFmtcannZv8ptjCmD2u7MSA6pmk4N7RmyIxEbwR1hAGx36haTrq/" border="0" />

kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8FpYwSsS4C1yH6lpdvQKmXVCsFxdOFb1k5Oz-_FblMMzFDbZno1O4ya-xWnk0YphcZfuIkdbDB_-T3zYaL8-EA26PnyJYCbEfL-tlzXu92OnNDZnbkLaDZFFuo45Tov8vtiEGESRCNhVH/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi53K5YrmMVt9F6vyWWRuevGNF42Ej0684ao5uDn0RxWtP1aIsL3K947o-bKhfuxf1atctKD2t-3NjVVlXI5a49NFrsoyEjfGWPH2WebgqzZ04KaOG4iHqs0uQD9aQXaue0q4ozVHd78P7w/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZdtgDpOHt9yk-kGoQHdxY2WT3h6OeTJcLBYJTeIA0nI9FaKCsv-QmoRRfmY5YrPEyoJTbljku_jC9UaSuR3y90rNm08-uNKsoMYlIuWpAqxZrR11-ZsTUztfncLpx1uUfemeHBKXGJwbD/" 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/AVvXsEi6m2_m8PYVMRvLLzEYK7LyQncwD_LNfrtCCH5tFifDywacWhEKmpIrjUSg-0Pf7qQwGB-Ovv3vQEri0kYrzhpCCg8INl3hjGQLulnjCTtafVMbmaI3YhTyyR3wYLPqyDX_ddJQIwtsn1PC/" border="0" /></a>

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1rwsitf2b8iLmGxg2gZ2z1gJbCD_PYKMrKM94n-J-3ORKvMhZvwL4Sz7xMDGSO3UAVTdUiP-fsJhNb8EM7ET00UMR_3oQ03W015tATZrBVPqGeNxE56upRv5oRNGHrnEans7mwrxzPYlV/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkZdqchLcpfsdtXZTFMYKbXpHOxG0ND9u6wz_9YkFEf7qYkDcvXwhyphenhyphen15G72QY3wFC4JpBx2aNyVwDCmNJ2xG5GhC-v-AQO_vV96w6zcw1Ax9aEKxRiy3ph9mVVuC3MEKvFG8RUd_nFmMwn/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxAvzgxPlVKCuKyFfxMcURpd8LEc7PxvgS-3AosVSJd7XqWKF9a9kj3WwQdexOkJEV2zSTPl_MAp3BNPZJUjtum8QI2b4Nzdq8iAdZuhI1pa1EHeY58ocDinqJJYFS5DnEOinuWfNkU1aC/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhemChNQLypOGwV31lrykIRbYGbAvk7-igvgyv88PMUVOpsaaVQJsja_rwEjNg-FzufC4_JcBu9ScRUlEqreThwAuLAz4Pu9o7B0NQjRJchjm9xiVT7_rPgZiyfH-22bGV3XPq4QegktDiL/" 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/AVvXsEjC7_kJMcrigtDtiRcDgjVZBbhooLOhd3v0fqBP-zQVIJAq2MNHxUN1lZdTCrUH6n83gtRI8rerx3Exi2f5287MS9PuglsJ6xO5nFFw0OqnQLSJuHwTzc0qSvGHpjo8ZoRuWF3NnSdCH6gE/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCkJUYE0J2fZVqsdE9CUsMqlP7K1GKEBKHRIpdZcb-LCfkmWlqdLGlwT_WQ-aqYONqq2M8ckptzSyn8cnHIk49CysIPKAtiwBnH_DIOFDoFitdmQiRt3pjtj_SNpHkyIEHPyYznscEMlYA/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWu6ewqQtKBOKzTfZcJJJLDizOr_UN2aE1bl83KMb9GsRStnguyL7sLLmziH8YrvPATGb-c40yTJvvhGTTfoe7CaC50IWPB-gv-Q95CSTZoSDURXsHrz81VxlUvSQegB4q6iz_fEkDZxLE/" border="0" />

Kode:

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

Posted by Unknown on Kamis, 09 Agustus 2012 - Rating: 4.5

Title : Cara Mengganti Link Older Post dan Newer Post Dengan Icon Gambar
Description : Secara default , setiap template blogger akan dilengkapi dengan link older post dan newer post yang masing-masing berfungsi untuk menampil...

Tweet