Replace The New, Old and Home Navigation URL with Image Buttons
In this tutorial i show you How to replace the Newer, Older and Home
Navigation links with image buttons. These Navigation links are located
at Beneath of Post(s) Section. If you are using the Numbered Page Navigation widget,
these links are visible on each post only. because the numbered page
navigation is not works on single post page. and by adding these image
buttons, there is no effect takes on page navigation widget.
The Icons are used in this tutorial is Designed by David Lanham – Amora Icons, You can use you own icons.
You can change your own icons by replacing the image Url in the above three codes.
Hope this will help you and Drop your Comments.
The Icons are used in this tutorial is Designed by David Lanham – Amora Icons, You can use you own icons.
Important!!! Back Up your Template before Making any changes in Template.
Replacing the Older Link
Search for<data:olderPageTitle/> and replace with below code<img src='http://1.bp.blogspot.com/-xtb-_7jEjIY/Th69y6t9sVI/AAAAAAAABKQ/slLsdQ43ZMc/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/-Tm9sP0CPQBs/Th69yh2PpZI/AAAAAAAABKM/R_0wxEBGVuM/s1600/w2b_home.png' style ='border: 0 none;vertical-align: middle;'/>Replacing the Home Link
Search for<data:homeMsg/> tag and replace with below code<img src='http://2.bp.blogspot.com/-Tm9sP0CPQBs/Th69yh2PpZI/AAAAAAAABKM/R_0wxEBGVuM/s1600/w2b_home.png' style ='border: 0 none;vertical-align: middle;'/> You can change your own icons by replacing the image Url in the above three codes.
Hope this will help you and Drop your Comments.
