MileStone

#1 Tech Blog In Kerala

Replace Newer, Older And Home Links With Shiny Buttons In Blogger

05:02 By ,

Why not create some buttons for the Newer, Older and home Links that appear below each posts in Blogger. I have created various flavors of these buttons and I hope you will like them.
This set consists of 8 Image Button Sets termed as Previous, Home and Next and categorized according to size as small, medium and large.




Check them together,
Home-Previous-Next Image buttons for blogger
Note:- Also Includes Red and Light Blue Image Sets.

How To Replace Newer, Older and Home Link In Blogger?

For doing so follow the steps below,
  1. Go To Blogger > Layout > Edit HTML
  2. Check the Expand Widget Templates box at top-right-corner
  3. Search for this,
  4. <data:newerPageTitle/>
    And replace it with this code,
    <img src="URL-OF-PREVIOUS-BUTTON"/>
    Now search for this,
    <data:olderPageTitle/>
    And replace it with this,
    <img src="URL-OF-NEXT-BUTTON"/>
    Then search for this,
    <data:homeMsg/>
    The above code will appear twice and replace both appearances with this code,
    <img src="URL-OF-HOME-BUTTON"/>
    Make sure to replace the URLs with the Image Links of your uploaded Images.    
    4.     Finally save your template and enjoy the new look!