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/AVvXsEgdgVnE2DrgyrRpslSPQmo5resDCE-jxwDspPIViZbn8GhNkGgTsWcacPXq5TYPjkpxNKDIm22aMbGpiHaeyirnr8f1Q-5k24v8zc6fUK-2F7iZfIhxnUbwjI0m3jYXp1dINA2epFkfCLNH/" border="0" >


kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwuJamhPg4f3MQQgHrMWKhyphenhyphen_Kr_k2fpuKc_aGikNeLU_gI9hrI2-GookR09O78PdZzUCoDU5UQJAVoaqpagGBKRNHNLAUIkaePmslrb2o4lTGbPHThUli9Bt3DeNPvsMLdMHgfvIbTSqXH/" border="0" />


kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuYLwl6QfDSEBuUuRcB3nzUCtTsn1x5rGr7xMvahcpXfEfIL_H1E-100tGiV2chEvJAZ4weM0P9HzP1xZEg2jr1ULrISf5xxJbb5X9vsmFy077vowAUSiB1lUtftfnvlezhigukYhxRWz2/" border="0" />


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBIb4WeedGZNjmUGbNtGkAzfDi5WwAgUlITgyYgKb7GrJSg1mDRlEugruzIngkb5vvaHwZt_3jtsgSBCr-WaXi6pnc2IhLP1MQSdgIqKyw0pOVouRTgNANo7l2Ni2e6qIw769tIPUjg9Iw/" border="0" />


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzpzT7blkc-k3um7Vh-S50a-VEvu1sSUGO2kOSUiPol_Jd7_L3vCtJ3xm1FueUCxKzFuDyDgLB4nvOjBEXzsq8CDXtziS2USyZya0TmjybmIUo6yTXENjzJd7jdheFjSvGeLLz3dykFueA/" 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/AVvXsEiCfd-_AvwfhtxZfUPpzs6MHrrVl_8lQORR6wESONkiy3Evqa8hducAZi1fIMi3AkLbmn_yeNyXo35cOpdHR3RE5SgMW1ARddi9dOiJFfQo8Ws5bxE-KcclUkjpbvplQ5AvUKFiga6ibjxB/" border="0" /></a>


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoCdDrjNh8aYgZSiRdbaKGGy-Br2dcM_lvzsHDxrASdkKqYH6QVm077Cts9yGnPHtKgDqKnSvNNGbcZhZ7_grw4W60AOmWUPQ1nD3pI4PcA-7sLLzgn9QhxlWZv3YY01ZHsRcxr3rchWVP/" border="0" />


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGSzEyhN4sZ5jZR0891wYO-R8M1YxxMIIS1B7J9HJxCQ4R88VzokokRudnHzSdYXPlWy_rTCt6XE4afTqzcnIm3bFmktlsbOQ4PxlaJ08T1V9TbOov7euUHJ5qRmwHXd_Y1VWuZh5z9D7k/" border="0" />


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8qIjgntauEr2AoOlnK1de08c4mVMgo0PUBhBlrHoecbNUzVgW-BG-dHUeQ2n6fELiXyqEhc1s0Xn0IdJdjPVPyv6_htrqbFW9psFgxB9JZV2MR_ZB6kyk4Ab5xiJbBwIN449beR5jDzIg/" border="0" />


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhidPgOXnFcxJbvgBaxXXBERPLmtGOiIyKJ_Inc3o9mhhLVxHemmHrhIebhknUSFuuoKyC7o8bAtCHomRvirs4qhU0xKhHOWqg4jUKJMRTcRwpObqqw_YF_masI5BHf7y0uu0EFW2lfDiM-/" 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/AVvXsEg0hL4qrFHa8fQFU8mgt_xBI8Z4Hy_I14idP93wrAroiAURDMgRvcgRwO9SFLmfx_tosC0k0-1YL6nmuW8uH1gO2OKXI6pUi7o5Bjw7-cDTjgjDiBxQIG5JlwYIelDymTfEXhiMuFPrdHzx/" border="0" />


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEichJjWFs-vlYS69rZ4eVzw0tAsRijDcB9EoszBQoPw4eRjHhua_3PASKSZ6-qNIMDpNAmJyRcy4szWTacR7LQW7_tH969ndcnjG7AwsUgjNg6bPBfvY7CRJmpkxrQXQqsV9tc3-1-rdSFy/" border="0" />


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEaV15QWWW1ndmA41PhKuK0VIMALLsg4PqTSxAUjES43Lmcogbb6MljS5X8bizyDdQ8pi_fxle0Kl5-S65FQa6l0JVRq-PYQmsUNrO0u_ajHkqmV3la29AHbajR_vE9s8zbUxJZ39Peicl/" border="0" />


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-5jDmuJVs1mmcLIxe7d5Qw_vVjXSFhywE5W_FX6fKoB6xG3JUBpw1xLEJkC0IGUEqNC4CYqwDiDUkR1bKQOUqdOC5aOJeTuq7WEm3fBDCFe-4idk4HnY0AczloiYHbWUD0T_CxJ3d8b8-/" 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..
Share this article :
 

Posting Komentar

Silahkan berkomentar bila artikel diatas bermanfaat, serta untuk kemajuan blog ini.

1. Berkomentarlah dg kata-kata yang sopan dan tidak menyinggung.
2. Jangan menyertakan link saat berkomentar.
3. NO SARA !!!! NO SPAMMM !!!

Terima kasih :)

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Danie Sharra's Blog - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger