How To Replace Newer Older and Home Navigation link with image in Blogger blog

replace-newer older home with image

 In this tutorial i will show you “how to replace  newer older and home navigation link with images” button,you can surf webpages,to different type of newer older & home image button that can be used to replace the text of newer older & home, or you can create an icon that give best look your blog or website and that icon suitable for your website or blog ,this navigation icon will appear at the button of every post,which will allow the user to navigate through the your older newer post image button,by default links are represented with text,but toady you can change your blog (“newer older home”) text with image icon,if you are using numbered page navigation widget   then theses links are visible on each post only,

Replace Newer older Home links with image

Blogger dashboard >>Template>>Edit HTML
Now find <data:newerPageTitle/> to find it press CTRL+F after finding this code replace it with below code,

<img border=”0″ src=”http://2.bp.blogspot.com/-5sDuH5faXNQ/UteBUMzHkvI/AAAAAAAABM4/G73J4rg4ELg/s1600/NF-Newer-Posts.jpg” alt=”Next Post”/>

 

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

 

<img border=”0″ src=”http://3.bp.blogspot.com/-DDuEi8fTv9s/UteBN9D4i3I/AAAAAAAABMw/vfhDfrNhCRs/s1600/NF+Older+Posts.jpg” alt=”Previous Post”/>

 

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

 

<img border=”0″ src=”http://2.bp.blogspot.com/-Iu4XVk6eB0c/UteBaoG2_EI/AAAAAAAABNA/0ISmOcu1-ww/s1600/Nf-Home.jpg” alt=”Home”/>

Finally replace all the highlighted code with your own image but link or leave it same now save your template,if you feel this post is helped you then please share it with your friends.

 

Leave a Reply

Your email address will not be published. Required fields are marked *