Monday, June 27, 2011

How To Add Images For Blogger Page Navigation

This is a cool trick for your blog.some Templates don't have
this icons. so you can add this icons as your like.
its easy , follow these steps.


1. Log it to blogger and go to Design > Edit HTML

2.Make sure you put check mark to “Expand Widget Templates

3.Find this code by using Ctrl+F 
(This is for previous page)


title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>


In this above code select  <data:olderPageTitle/> code and replace with below code 
<img src='http://4.bp.blogspot.com/-pMmD3Y7Gmvg/TgdpOOvyiQI/AAAAAAAAAjU/KV63gm-6_Aw/s320/Button-Previous-icon.png'/>


4. Find this code by using Ctrl+F
(This is for Next page)

title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>


In this above code select  <data:newerPageTitle/> code and replace with below code 
<img src='http://1.bp.blogspot.com/-1YMCpXCmL30/TgdpBzns52I/AAAAAAAAAjM/1SvdRTSt33s/s320/Button-Next-icon.png'/>


5. Find this code by using Ctrl+F
(This is for Home page)

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
In this above code select  <data:homeMsg/> code and replace with below code 
 <img src='http://2.bp.blogspot.com/-0JfgBCs98Us/TgdphbTjTgI/AAAAAAAAAjc/1nqU7sgr9uU/s320/Home.png'/>

6. Save your template.

7. Now you are done.
You can change icon URL as your like

0 comments:

Post a Comment