Replace Older, Newer And Home Blogger links with an image or text

These are the links which are present on different parts of the blog and helps the user to visit to the certain section of the blog. These links are usually present on the top, bottom or on the side bars of the blog. If you want to change these links with image or text, you have to follow the below procedure.


For This you have to use the below procedure which we are writing below in different steps:

Step 1: Go to your blogger dashboard and on the left panel click on the Template. After that click on the Edit Html.


Step 2: After that you have to click anywhere in the code area which got opened upon your click on Edit HTML.
After that find the following three codes:
You could find them by pressing CONTROL+F on your Keyboard and paste newerPageTitle on the box which opened as a result of CONTROL+F. See the Image below how to do it.


1. <data:newerPageTitle/>

2. <data:newerPageTitle/>

3. <data:homeMsg/>

They would be like this in the page.

After that you have to do the following Changes:

A. Change the text of Newer Posts, Older Posts and Home Links

It could be done by replacing the following colored part with some text you like:

  • Replace <data:newerPageTitle/> with with, for example More Posts
  • Replace <data:newerPageTitle/> with, for example Older Pages
  • Replace <data:homeMsg/> with, for example Main Page

B. Place a picture beside Newer Posts, Older Posts and Home links


Now add the below written code just before the above three fragments:
<img src="URL Address"/>

It should Like this:
  • <img src="URL Address"/><data:newerPageTitle/>
  • <img src="URL Address"/><data:newerPageTitle/>
  • <img src="URL Address"/><data:homeMsg/>

In the URL Address Part you have to paste an Image link who you want to appear in that portion.

You have to paste the links of the pictures which will feature your More Posts, Older Pages and Main Page

Note: Replace URL Address in the link <img src="URL Address"/> with the URL of the Pictures who u want to appear there.

Step:3 Click on the Save Template.

This is What you have to do.. If you need any help just comment below and we will be happy to help you.




Related Posts
Previous
« Prev Post