Replace Older, Newer And Home Naviagtion Links With Button Images

In this tutorial I'll show you that how to replace older, newer and home Navigation links with button images. These Navigation links are located at the bottom of posts section.

Just Follow these simple steps:

Note: Backup Your Template before making any changing in Template.

Step 1.  Login to your blogger account. click on drop-down menu and then click on template.

Step 2.   Now click on Edit Html and then click on Expand Template Widgets checkbox.

Step 3.   Search for <data:olderPageTitle/> ( press CTRL+F for a search bar ). Replace <data:olderPageTitle/> with below code.

<img src='https://lh6.googleusercontent.com/-Gp8oNzRNciU/T1-DkPcCKEI/AAAAAAAAAH8/gzPIQbsd_xw/h120/Oldre_iactips.blogspot.com.png' style='border: 0 none; vertical-align: middle;'/>

Step 4.  Search for <data:newerPageTitle/> and replace it with below code.

<img src='https://lh6.googleusercontent.com/-gkEGKfcDgaE/T1-Ds5pre1I/AAAAAAAAAIE/ygUHvNBElIA/h120/Newer_iactips.blogsotcom.png' style='border: 0 none; vertical-align: middle;'/>

Step 5.   Now last time search for <data:homeMsg/>  and replace with below code.

<img src='https://lh3.googleusercontent.com/-zjMl27rr9_0/T1-D436cK4I/AAAAAAAAAIM/NkSMRjUdsYU/h120/home_iactips.blogspot.com.png' style='border: 0 none; vertical-align: middle;'/>

Click on Save Template.

You can change your own icons by replacing the image url in the above three codes.

Drop Your Comments.....

Share it Please

Tweet

Unknown

I am a student of computer science.Owner of IAC Tips blog. I love to share my knowledge and experience with others. Follow my blog for tips tricks of internet, computer and software.