How to Change Home, Newer Post and Older Post Link Into Button In Blogger

Someone had asked me about "How to Change Home, Newer Post and Older Post Link Into Button" and this tutorial is my answer to his question.

The word "Newer Post", "Older Post", and "Home" can be changed into text or button/icon depends on what you want. 

For Example, you want to change the "Newer Post" and "Older Post" to "Next Page" and "Previous Page". 

It can be. Also, you can change it into button as you can see on this blog. 

So Let's Get Started.


Follow this Steps:
1. Go to Blogger > Layout > Edit HTML
2. Check the small box beside Expand Widget Templates
3. Before Editing, Please Backup your Template first (Download Full Template) Important!
4. Find the following code on your template: (Use Ctrl+F)




<data:newerPageTitle/>
Replace it with this code,
<img src="URL-OF-YOUR-PREVIOUS-BUTTON"/>
Or simply YOUR-TEXT
(Ex: Previous Page)


<data:olderPageTitle/>
And replace it with this,
<img src="URL-OF-YOUR-NEXT-BUTTON"/>
Or simply YOUR-TEXT
(Ex: Next Page)


<data:homeMsg/>
Note: Have you seen the above code appeared twice? Replace both with this:
<img src="URL-OF-HOME-BUTTON"/>
Or simply YOUR-TEXT
(Ex: House)


5. Finally click the Save Template button and Enjoy the New Look.

Some Buttons URL Here

Next Page: http://i1190.photobucket.com/albums/z444/imManuelGarcia/SmallNext.png
Previous Page: http://i1190.photobucket.com/albums/z444/imManuelGarcia/Smallprevious.png
Home: http://i1190.photobucket.com/albums/z444/imManuelGarcia/Smallhome1.png

Next Page: http://i1190.photobucket.com/albums/z444/imManuelGarcia/NextBlue.png
Previous Page: http://i1190.photobucket.com/albums/z444/imManuelGarcia/PreviousBlue.png
Home: http://i1190.photobucket.com/albums/z444/imManuelGarcia/HomeBLue.png