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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhltdTUuYc-XAKN80-1guh1Yj2CWQYGw7Zm08pSaCABoFlSRbLybcZerz22tUcVlHZ7dnPnIS2pwqGP9WiKpMQwcNMCXKbd7M_SmVi_j6lWU4-Q0OnQufpy94QuW6X3dOXPL7leZqieAUWr/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/AVvXsEj01WifUkSobkn-v18b-dhlrGXJ3KH9_nw7ilEOqne4bBtv4mRZra1U448weW2ENEofbpvnaJj6dKZv0DMXom0xxrFrdAbntt9bRLN-vPnu238l1xQmMgKUcBDr4eD2LhGNC0IDSAEwbMgO/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/AVvXsEh_DOr91un5oAYhTvX-3m803NDMMmNzLJd_satfhPzYqavUqFbKchupn4Hgue9KPRioRYe9V4HDh5HE84SLwxYgBwOuopigvQ4KTMZ9Wl3vrvmRjvaVhilO7PuDYnnRVCQxxzWNXYzDH-9L/s320/Home.png'/>
6. Save your template.
7. Now you are done.
You can change icon URL as your like
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/AVvXsEhltdTUuYc-XAKN80-1guh1Yj2CWQYGw7Zm08pSaCABoFlSRbLybcZerz22tUcVlHZ7dnPnIS2pwqGP9WiKpMQwcNMCXKbd7M_SmVi_j6lWU4-Q0OnQufpy94QuW6X3dOXPL7leZqieAUWr/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/AVvXsEj01WifUkSobkn-v18b-dhlrGXJ3KH9_nw7ilEOqne4bBtv4mRZra1U448weW2ENEofbpvnaJj6dKZv0DMXom0xxrFrdAbntt9bRLN-vPnu238l1xQmMgKUcBDr4eD2LhGNC0IDSAEwbMgO/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/AVvXsEh_DOr91un5oAYhTvX-3m803NDMMmNzLJd_satfhPzYqavUqFbKchupn4Hgue9KPRioRYe9V4HDh5HE84SLwxYgBwOuopigvQ4KTMZ9Wl3vrvmRjvaVhilO7PuDYnnRVCQxxzWNXYzDH-9L/s320/Home.png'/>
6. Save your template.
7. Now you are done.
You can change icon URL as your like
