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/AVvXsEg2yOp-AIltjU87HV_UBi-S2AzP574r2qSIJ5TcmlNPA_IfZUTUcoikhivyg7CB_mCUhszPhucCYuC27i2Hord_bBqVLZaruoCJQwH8VlvvNZG8HBJBrhRi_-2RSdR7lSgTXhzyu1cdl_xt//" border="0" >

kode:

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

kode:

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

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6dSt2XagIzg5iqzNJ7ZF2BGjfDwaPBh4JLb0YGQtIGaOJXeh4xUGwpPBKISIFqzZo0Gx6iBgw4-pqsLF3YCHjqwzO-9r6RsAZ4WMs1H69E1MAdVfgFWTAwv2smQa5irx15-y-K7JEqgIH//" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7Drn5ULO5Po3OsZPfGanD_bZJLptyvsX41lpW5ZWF0muo5vVzgi8M-ndia6nGB3n9PnMrU2UJn_KC_bcR8tqr6ETOIPxgM31TeVG6pKGOOpos9xBCQE9HbmijFYOH0gfSaKTxvcMpLcNo//" 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/AVvXsEjgiKvz6wFMmDOK8EgqO17WSnn4yeWHvhg4wItPZ8woAhFljbGXfjnRKwa8isMvu-XuS75HHrxF5tMEasgTFefaCn_TR5aaL4om7F6TUoO4H5U_Q0qaeGcjCnWzSEuKjfjEmuGwyHsmZ-Uo//" border="0" /></a>

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_Oee2HDGZWTfKuBcIFPQ8iBepz99P3nJ8avG74HYkq7ggpk_h6RO6gugu3fh7CJU_3C41ZrMSQIpwc9i31b7giTSjUcCEytkVxst3pZBfsuYBEZ47qGfzLfmZ3rqxuf-6Wg84QLMTCtBH//" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsrfS6tKiXQxGD6eLwjiK7MYPTFB3zdnYBPDZfIR8Xd76sadBgw7D2_07ognBCbWf8EBJNFM80yev9Z-T89J93NOlwEtgKatrHfo-f7zE-DwRXeOjrHq79cYSbkefJl52ZLT_OQzizvzHI//" border="0" />

Kode:

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

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS7uAjxcLSp4FMeBjd8BMXgPYJpcSJ-ROZo4kD5t4H7NNLopVUAmKJSfEjkBLCHYvF7vSh0JK1lUkxY2qPqYKjfx_X8ScHgih4HUwfBiBAG_YL6OX-Idg3nuPUXVxjTB9W0a9C_luFZfhq//" 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/AVvXsEhPeaqvB0txMmIQW6PmtR4wXvfEzibMfsodHSkM0mD_h96nxfndzllLhVWUME_RZfvU7oaN6ckSBsTYXP-PBzoaTR_8LyPyfU79IYbtT_7iNJ8vjrCl2RTX4c5_e2QRVUtficlD3gk3nqzQ//" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcob7qnDSwuTK_Yz6_D0DVjuaHHfxzfz-Ccl_rFlUr8akqzRBNIF3z1p_SAKuwHMWIO-CVgjWVfqw2Hr0dSIwrHsqStDnqc7sQrm7sVo2v8SMahLjmlhhpEgZbkmIjOIJbRQduwtVH8NQW//" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjca8ZWI7MNC4zCxJ8dIP3hOk3nyJQ_HZP9BUgDiNI_qnEvCexBGOI9THV3nRcK1CD8-sM_c3KWChyphenhyphens_MxFzCTA3DbN0GT6hBOjVAUgApE-TsHG9VzHNLFBXoS97kin4Zkv2-ghwHg9csQ3//" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0H-whG-LMq14LIBIURx5K1IWXkOBd-wxXhi5nPPusSD2crL3MrBwgcHzet5R5o_tGU9CrCur_ojkDkC-lxb2H7zqc-TrrzAooUQrEWPvyAdv7BHrXhYgTxXBBRRWURLmFSnN6Fto-Hay6//" border="0" />

9. Setelah itu, klik Save Template.
10. Selesai. Silahkan klik View Blog untuk melihat hasilnya.

Free Template Bloggercollection templateHot DealsBERITA_wongANtengSEOtheproperty-developer