How to Change Newer, Older & Home Navigation Links With Image in Blogger

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.

How-to-Replace-Newer-Older-and-Home-Navigation-Links-with-Image-Buttons

Today, I want to show you how you can easily change those links to images. Below is a tutorial on how to do that.

“Important Notice: Always Back Up Your Templates before Making Any Changes On it”

#1. Go to Blogger Dashboard -> Template tab
#2. Now find the code in red lines and replace them with codes in green as shown below:-

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.

previous-next-home-navigation-link-to-image-in-blogger

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.




Share this on:Share on Facebook0Tweet about this on TwitterShare on Google+0Pin on Pinterest0Share on StumbleUpon0Digg this

Become a fan on Facebook and us on twitter for our new updates.

10 Comments

  1. Muneeb Baluch
  2. Elangovan Palaniappan
  3. Christine
  4. Anonymous
  5. Anonymous

Leave a Reply