Sunday, 20 April 2014

Change Older Posts Newer Posts Links to Buttons in Blogger


You might have observed that default Blogger templates are not well optimized according to blog awesome and professional design. This template 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.
Google SEO Book

How to Change Older Posts Newer Posts to Button in blogger

Follow these simple steps given below:
  • Go to blogger dashboard:
  • Go to Template >> HTML >> Check the Expand Widget Template
  • Now search for below code (CTRL+F)


     <data:newerPageTitle/>
             Replace it with Below given code:

<img src="Img-Url-for-previous-button"/>
           Again search for this code:

      <data:olderPageTitle/>
          Replace it with Below given code:

     <img src="Img-url-for-next-button"/>
         Once Again search for this code:

      <data:homeMsg/>
        The above code may be appear twice, so both of them replace it with below code:

      <img src="img-url-for-home-button"/>
      Now you have done all steps correctly inside the template

Remember: This trick will not work if you have not changed the image tag URL with image button URL. You will need to download thats 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.