Saturday 25 January 2014

Replace Next, Home and Previous links with Beautiful Shiny Buttons in Blogger

Posted by Afaq Ahmad  |  at  15:42 2 comments

Beautiful buttons make your blog attractive and stylish. In most templates they have next, Previous and Home link only not have beautiful buttons. But in this post i will give you best and beautiful way to make your blog's Next, Home, and Previous links with beautiful buttons. How Replace Next, Home and Previous links with Beautiful Shiny Buttons in Blogger, see the easy and simple way to add these 
Beautiful Shiny Buttons in Blogger. For adding these beautiful Shiny Buttons to blog then you have to follow these simple steps.




How to Replace Next, Home and Previous links in Blogger


1. Go to Blogger Dashboard> Template> Edit HTML
2. Make a backup of your blog
3. Search for this code    (Tip: CTRL+ F)
<data:newerPageTitle/>
Now replace the above code with the below code
<img src="URL-OF-PREVIOUS-BUTTON"/> 

4. After this Search for this code
<data:olderPageTitle/> 
Now replace the above code with the below code
<img src="URL-OF-NEXT-BUTTON"/>

5. Then Search for that code
<data:homeMsg/>
Note: The above code appears twice in template and you have to replace the both codes with the below code
<img src="URL-OF-HOME-BUTTON"/> 

i) Replace URL-OF-PREVIOUS-BUTTON with your Previous image URL
ii) Replace URL-OF-NEXT-BUTTON with your Next image URL
iii) Replace URL-OF-HOME-BUTTON with your Home image URL

Save your template and Finally you are done.

Tags: ,

About the Admin :Muhammad Yousaf

Muhammad Yousaf is a Web Developer ,Graphic Designer ,Accountant

Get Updates

Subscribe to our e-mail newsletter to receive updates.

Share This Post

Related posts

2 comments:

  1. That code is nowhere in my expanded blogger template using the finder?? THe closest thing is data:blog.pageTitle/

    ReplyDelete
    Replies
    1. It's your template problem may be change ur blog template..

      Delete

Like Us

Visitors

back to top