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

9/09/2013

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

Since most of you appreciated the Arrow Head Read More Buttons, I thought 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

Download

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,

Go To Blogger > Layout > Edit HTML
Check the Expand Widget Templates box at top-right-corner
Search for this,

<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.

Finally save your template and enjoy the new look!

Author: Muhammad Usman Ghani

Hello, My Name Is Muhammad Usman Ghani And I Am The CEO, Founder Of SahiTech. I Blogs At SahiTech And Also Love Coding And Designing. Don't Forget To Subscribe our Free Updates. Follow Me on (Facebook) (Twitter)

Labels: Blogger Tricks, Blogger Widgets, Template Customization

Ad 468 X 60

9/09/2013