Cara Memasang Dan Mengganti Link Older Post, Newer Post Dan Beranda

Hmm... Alhamdulillah akhirnya tercapai juga ingin mengubah template blog ini sesuai apa yang ada sekarang, Alhamdulillah menurut aku sih mantap (entah menurut pembaca)
Soalnya selain tampilannya yang aku suka, menu page pull downnya juga terbilang lengkap deh isinya...Alhamdulillah ..

Nah kali ini saya akan berbagi dengan anda cara memasang dan mengganti tampilang Older Post , Beranda dan Newer Post yang lebih oke dari default biasanya ...

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/AVvXsEhvu0YIfrjZKa5qVLZJP-xMNcXEM0BgdMreQI-bJXK9WrMECTtRfXmPMeqtigoPSsVL9KklOFTrIuNO_1-R-iM5DwJvQ5AvqYywPBrO2_9dBuYv_r4m9iwXpiQiJAcSYHfEWt-HnIf6wd4d/" border="0" >



kode:

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


kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis7A2VOxS3TEsLmJJoylGhJDwHzXspGfaMmnDZfs02xrtoPZbsUZbDiYGEqhyj33IyHXqFfDXUuPC0u2GVyHcNDESGLfcE4j1Q0S5zzsLc5TLvDruL8IM3F_e-CX-4WHudhHcH80kX7Lla/" border="0" />


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






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





 

kodenya :
<img src="http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/bt-right.png" border="0" />

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/AVvXsEjYI_9a5zK75hZ7tyCgApZ7Swfj7uX3byAPPiWCsO-KypliNoN_fPcM4rNbnfb0zYnAYkw0ErRKOWc0cIGzxEm5OsK0b55E8LWEd6A59itQeRJczLh9KJbNC8D3zX8XRJZBx0Z5FOLWTZzZ/" border="0" /></a>







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



Kode:


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




Kode:
 <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmRQUBfTONM2fEfzBzj0BpkjxcXIaMZ7WKkYczNEkKKxkF8K_bVHAlBMX52NKUZTfeZAdpGoDOzCv_QAVrksUEB3MKMlg-H8pZ8mrosqXtptg-t6BlXHdWZ0GAZGu_EQILvznc5vYDfR4-/" border="0" />

Nah biar mantap, ganti link home-nya., 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/AVvXsEg9C4xhyAX3pTOz8TWLUyM9EcVE9PPUXrHkFJc-ytZu02l5TxRq3hElMNFPhieJPx1DzVvvjo1eHeRHFZnyIBnFFB1STtMuEsF0kakodWRQmYrWgiM9nd_ycS-GSoQSHOlaDQ2AOAGgOt1g/" border="0" />


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


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMi3QrDe8Anq2TSgUdI51k0ZBr6yaoytKP3udVUAqRRZzgq0z2L0SUB1EZ2DFGYwjv_l8mC5_zcXcrYcrSjQX-ZxObc1eGwhHXDuAqFrms9SbMamwGcGBtP5NiR207S3ndHd-3A8okZ_rR/" border="0" />


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

Setelah itu, klik Save Template.
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..