Replace Older/Newer Post Links With Buttons

previous button image Home button image next button image

You might have observed that default Blogger templates are not well optimized according to blog awesome and professional design. This templates are limited in designing mode and mostly they are normal. Now the question is arising if you want tp make your blog more professional and fancy then you will have to change many mores like default images, links, widgets and sidebar to professional designing.
Today tutorial is all about How to change newer post, older posts and home links to buttons image. So in this article i will show you practically how to change newer posts older posts links to buttons in blogger.

How to Change Older Posts Newer Posts to Button in blogger

Follow these simple steps given below:
  • Go to Blogger
  • Template >> Edit HTML
  • Now search for below code (CTRL+F) :
<data:newerPageTitle/>
  • And replace it with the next given code :
<img src="Img-url-for-previous-button"/>
  • Search the below given code :
<data:olderPageTitle/>
  • And replace it with the next given code :
<img src="Img-url-for-next-button"/>
  • Search the below given code (The below code may be appear twice)
<data:homeMsg/>
  • So both of them replace it with below code :
<img src="img-url-for-home-button"/>
Remember: This trick will not work if you have not changed the image tag URL with image button URL. You will need to download that three images above at the top my post to your Pc after it upload these images in your draft post and then redirect it to your buttons URL images. Thats all.
Share this post
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...