Replace The Newer, Older And Home Navigation Links With Image Buttons



In this post i show you How to replace the Newer, Older and Home Navigation links with image buttons. 

  1. Go to Blogger Dashboard -> Design tab -> Edit HTML tab
  2. Click on  Expand Template Widgets checkbox


Replacing The Older Link


Search for <data:olderPageTitle/> and replace with below code
<img src='http://1.bp.blogspot.com/-xtb-_7jEjIY/Th69y6t9sVI/AAAAAAAABKQ/slLsdQ43ZMc/s1600/w2b_next.png' style='border: 0 none;vertical-align: middle;'/>

Replacing The Newer Link


Search for <data:newerPageTitle/> tag and replace with below code
<img src='http://2.bp.blogspot.com/-Odp_sQbM7_s/Th69zJM7FcI/AAAAAAAABKU/cjzpZkRMtM0/s1600/w2b_prev.png' style='border: 0 none;vertical-align: middle;'/>

Replacing The Home Link


Search for <data:homeMsg/> tag and replace with below code
<img src='http://2.bp.blogspot.com/-Tm9sP0CPQBs/Th69yh2PpZI/AAAAAAAABKM/R_0wxEBGVuM/s1600/w2b_home.png' style='border: 0 none;vertical-align: middle;'/>

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

 
Design by Wordpress Theme | Bloggerized by Free Blogger Templates | coupon codes