Replace Blogger Newer, Older and Home Navigation Links With Image

Replacing Page Navigation Links With Image:

By default Blogger blog's having page navigation links like Newer, Home and Older post links. You can see these page navigation links just below each blog post. We can customize these links for easy navigation. We can add images to the page navigation links in Blogger blog. You can also add numbered page navigation links to your Blogger. Here I'm explaining how to replace Newer, Older and Home navigation links with image buttons on your Blogger blog.

How to Replace Blogger Home, Newer and Older Post Links With Image:

Before going to start replacing page links with images, first create image buttons and save images in any image hosting sites and get image links. Next replace page navigation code with images using image tag in your Blogger template code.

Follow the below steps to replace Newer, Older and Home navigation links with images on your Blogger blog .

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on Edit HTML

Step 4 : Search for below code

<data:newerPageTitle/>

and replace it with image tag

<img src="http:your image url link"/>


Next search for <data:olderPageTitle/>

and replace it with image tag <img src="http:your image url link"/>


And again search for <data:homeMsg/>

and replace it with image tag <img src="http:your image url link"/>


Step 5 : Click on Save template.


Note: In the place of your image url linkin the above image tags, place your customized image url links.

Like this you can customize page navigation links in your Blogger blog. First create image buttons before replacing navigation link with images. Many resources are there on the internet to create image buttons. after creating image buttons, save those images on image hosting sites like picasa, photobucket and get image buttons url links. Replace default navigation links with your customized image buttons by fallowing above steps .