After your blog post ends you will see a links like Older Post and Newer Post.You can change it with your own images. The icons used in this post was designed by  Visual Pharm . You can use your own icons. If you are using the Numbered Page Navigation widget, these links are visible on each post only. because the numbered page navigation is not works on single post page. and by adding these image buttons, there is no effect takes on page navigation widget.



How To Replace Newer,Older and Home Links With Images  ?


  1. Login To Blogger Dashboard > Design > Edit HTML.
  2. Check Expand widget templates i.e. tick it.

Replacing Older Link


  • Now find  <data:olderPageTitle/> and replace it with below code.

<img src='http://1.bp.blogspot.com/-JbYANpDM8yI/Tw3YTGNt5vI/AAAAAAAAAYU/gJxlglBpD1U/s1600/btsnts-Newer.png' style='border: 0 none;vertical-align: middle;'/>


Replacing Newer Link


  • Now search for <data:newerPageTitle/> tag and replace with below code.

<img src='http://3.bp.blogspot.com/-m46JTtcB-F8/Tw3YTpyYUfI/AAAAAAAAAYc/ASSPjfa35bo/s1600/btsnts-older.png' style='border: 0 none;vertical-align: middle;'/>


Replacing Home Link


  • Search for <data:homeMsg/> tag and replace with below code.
<img src='http://4.bp.blogspot.com/-6-16Tu9qtG8/Tw3YScDN8BI/AAAAAAAAAYQ/BqGybZQAitw/s1600/btsnts-Home.png' style='border: 0 none;vertical-align: middle;'/>

Now save your template and refresh blog posts.
Note - You can change these icons by replacing it with your image URL. You can find more amazing icons online. Search on iconfinder.com to get more amazing icons.

Post a Comment

If you want to be informed about any replies then check "Notify me" option (present at lower right corner of comment box and it will display if you are logged in to your google account).PLEASE DO NOT SPAM

 
Top