Changing of Older post, Newer post and Home Navigation links in blogger with icons and images is a nice and good trick to make your blog look more professional and beautiful. These Navigation links can be located beneath each post section in blogger.
Today, I want to show you how you can easily change those links to images. Below is a tutorial on how to do that.
Always Back Up Your Templates before Making Any Changes On it”
#1. Go to Blogger Dashboard -> Template tab -> Edit HTML tab (New Blogger Interface) or Go to Blogger Dashboard -> Design tab -> Edit HTML tab (Old Blogger Interface)
#2. Click on Expand Template Widgets check box
#3. Now find the code in red lines and replace them with lines in green following each red line-
1.<data:newerPageTitle/> Replace with <img src='http://2.bp.blogspot.com/_7wsQzULWIwo/Sy4pzt1z0HI/AAAAAAAACmA/_ds20c_esrI/s400/Next-blue2.png' alt='Next Post'/> 2.<data:olderPageTitle/> Replace with <img src='http://3.bp.blogspot.com/_7wsQzULWIwo/Sy4pz2jTGLI/AAAAAAAACmI/VqHtjBJ4aOI/s400/Previous-blue2.png' alt='Previous Post'/> 3.<data:homeMsg/> Replace with <img src='http://2.bp.blogspot.com/_7wsQzULWIwo/Sy4p0L_BZXI/AAAAAAAACmQ/grR88RskyYo/s400/Home-blue2.png' alt='Home'/>
Now preview and save your template.
Then the link must appear on your blog as shown in the image below.
In case you have your own icons you want to use, you can change that by changing the icon url in the code above with yours.