How to change Newer Post, Older Post and Home navigation with image in blogger

Here is a tutorial about how to change the default look of Blogger pager link texts "Newer Posts" , "Older Posts" and "HOME" at the bottom of every page.

BEFORE

AFTER

1. Log in into Blogger then go to Design > Edit HTML.
2. Backup your template before any modification to your template.
3. Tick the Expand Widgets Templates.
4. To change the text NEWER POSTS with an image, search for <data:newerPageTitle/>(Use CTRL+F for quick search).Replace <data:newerPageTitle/> with
   
   
   
   
   

   <img alt='NEWER POST' src='http://i56.tinypic.com/vzxg2.png'/>

   
   
   
   
5. To change the text OLDER POSTS with an image, search for <data:olderPageTitle/> (Use CTRL+F for quick search).Replace <data:olderPageTitle/> with
   
   
   
   
   

   <img alt='OLDER POST' src='http://i52.tinypic.com/raaybm.png'/>

6. To change the text HOME with an image, search for <data:homeMsg/> (Use CTRL+F for quick search).Replace <data:homeMsg/> with
   
   
   
   
   

   <img alt='HOME' src='http://i52.tinypic.com/23wlj42.png'/>

You can upload your image to any free image host like www.tinypic.com and replace

src='http://i52.tinypic.com/23wlj42.png'

with

src='Your image URL'

After this hack PREVIEW your template and then SAVE TEMPLATE .