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

kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGa8D-7Tf2p6iCPboVb8o9Z1alP0_ozAGQjHRV7q9sXL9c_jdiJ65c4v6A-43lHedbFncZ-p2n8wywlpoAYMglrTHKOsCPteZkdnzV5-H5wKpjkmXiJF_Llc64Tq_wet2nahdKOwPip8nv/" border="0" />

kode:

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

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisH81qWdGy9qFjfTvtUl7lQRjnZl4F6Q7HuBxPgVWSKxXF1RI5GKjdqxIEXs5poUlOgYElODLt_lkUDNmouqgXQAF8VZggcKt8BU39UQIpMJWLPjLCh-JEdYun-n-hDczOjL3sskaIT7NG/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8HtCXG_S7uQITyh0c00Cof-yjJBp3lGbaHhVKGglvgc2h7WZt9iS0NVlh5BHQArAaC5NYlFhxw_DyKE2KhiYOHY81E_jCrthskQNg92A47pItBouwl06etbzTEoxBmGOGLvfmDZV1umIz/" 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/AVvXsEiuFTRCWt4fVBNarhgCfB4XIkP4mU-zNn7Ye65Nl2gzH3bL9UEPAEyVkE9BoX545RLGiTIDYL84GWVRnWwULUaDcY7FCVCkjybnTfnVyHp_Ag-_dBIUTyv4CYgx8ktpusifEorYdvefXi1_/" border="0" /></a>

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNhNs_8A-4eCHeJfC1tpH-wSADFIRqBbi4TWgBT8AZzRrggAIwEoKMbJ8xwmhsbO3Q3bmp5Uc7JZkLJupmUrHYS1DC9orll1HPGc8lkyTmqXcseBmTnoVMWeIUfEygVkYxin9-h40Of2jP/" border="0" />

Kode:

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

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaiuuUrGFUli3QXdBm7FM4BgVril_vCRVR5SZGwCUXKww_okmYhnK95FJCOFcviKLifyhTt7-_6Fdc6Muni0OECugLXwc_DEHORue7Bc7ekz1WYsZDCpAcW-0OSACwB-XZywWymK47z2xn/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGWcZomBNZ1hRHCV0z6VGibRvRf-2OcIZAgZSHD3mi-wCdGfeiUvMKAceJsGnSDmLggaOb17yogCHlOGeGUHvYhjJ85A50pHKsicvXPhzeXUXop3Up3VUxKblejWgeMNOdx_qtxtzZfGFL/" 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/AVvXsEgEbKyVdro47pkxbJ7HI1rhMsgKNXfTeRvApCuKRtbbF5gNxEml9UQTMNstDVlEfrTHlVuYbWftJe73solqn3rXZ1onNVfYD9zNyTu9oYXEhyyzhKlpz9-paVHs7VVy1oLU-s4rV3jXgMPV/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPQVClBW0CAoRl4f_gwWvpXXHSrju9-z6OaG1WTZz-sbZuHa4nLxNm2F_tOE9X4NXT6hf_ZqXXt-SOUKYdtPFB7j2t6g_QLXobiJjvxTGyzSbPsq71FR-NcddZ-COxVRnlYmfInww2Xgfd/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBYZlM64wb_zTnnqM7cHhl5UhQolQyLY-v2EETFZa81zzaVUfyAxpFmjjcRvMDDRTTaEb-Tw3vIURBPNQYD2oP8dVWtq1g58Y1wmf5sS8SvItWGiLORrbZLQCGIH6I7hXmEDbnlC71Fh4f/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBXUMgwWwBTUHn4zYW64yE0Vjd9kE8RlJb5JB8CXMMfz7G5bAf80XuhW7wNNqA1wpqRtIwDoHUxAe3a4rxAQN4MjhsCT1KKAX_qLINVxg6OQ602BfvMqygzCl7S9R5dXmDHm0md1IfJfD8/" 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 sini. Disana tersedia ribuan icon yang bisa anda download secara gratis.

Selamat mencoba..