Newer n Old Post

(Tks from www.way2blogging.org)

 

I feel that it is very useful.  My homepage only can display not more than 3 posts.  It depends on the length of my post.  For those travel- posts, I will publish the latest date first, so that my 1^st day of trip will be posted first, visitors will not confuse with the words of older-post or newer-post. They can just click the right arrow key and go ahead for the following days.

 

How to Replace Newer, Older & Home Navigation Links with Image Buttons

1. Go to Blogger Dashboard -> Design tab -> Edit HTML tab
2. Click on Expand Template Widgets checkbox

Replacing the Older Link

 Search for <data:olderPageTitle/> and replace with below code

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmLnLUnCeSoaeJg_4QkVoytw8Ig1kYysLCBQfDZAu3jThGGPWky3-e-3V_077FbPFYPrD0IBKkInBNGUvPK-Kjcy1RRz9K4__Fmhz-R5U0r7XFGrvdAoXXhcrzs5ywMb4LEAls_nF1Hge0/s1600/w2b_next.png' style='border: 0 none;vertical-align: middle;'/>

 Replacing the Newer Link

Search for <data:newerPageTitle/> tag and replace with below code

 <img src='http://2.bp.blogspot.com/- Odp_sQbM7_s/Th69zJM7FcI/AAAAAAAABKU/cjzpZkRMtM0/s1600/w2b_prev.png' style='border: 0 none;vertical-align: middle;'/>

  Replacing the Home Link

search for <data:homeMsg/> tag and replace with below code

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkLH6k2FphzqqfvVEc7-Yb8zoDm9FjuOauLC6UrVSgn5niq0P59HBzJ02W0i_uKK-vqS-7jxnWiAcz2xWd1Nw_Us1v6rKLH6tg8viZv0LtjM1V2PKUGYn5Bjp_7x0CSqwLwfF3233DCni8/s1600/w2b_home.png' style='border: 0 none;vertical-align: middle;'/>