Sunday, June 26, 2011

How To Add Images For Blogger Page Navigation

0 comments
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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS2N5EXIvvcO-F4Z6JSn8lofSiRXV3OPsKgYQLBaXucqgHnXfZVBYHf0RRVN3CcoPOkKAzcU0sjFHVC3birnwOioMduY1UMGY662iIR9Vcvj5v3YleGliFMMGyyPlrbOMJd447qX23kIwt/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwbbX0SCeD76yr4FhUlyAiq3Qb6kVh7NSQVtBq5UGYS41C0LltwkYXujADU8yeuaStEHeNG2ulpwJ4RdcnSRHvAOGN0OsTW6D769ifphn8BrIIt2Cs4XI5rHtkBh-xniL8o0ypoHdnObUq/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBCnR31fr84dOH9_4ruGjLqLwIqb72AeuY9IOj1xB3I2okTdLFpzT0wPeAZnjcpFYNYkzJKEjkqGp2_QHbjB-GD661EuvIOcWdQ5jHZxJCVSoALKBCpct67qglLm5m2rxku_TqOpXSK7uC/s320/Home.png'/>

6. Save your template.

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

Leave a Reply

Related Posts Plugin for WordPress, Blogger...