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

Tweet

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 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"/> 

1. Replace URL-OF-PREVIOUS-BUTTON with your Previous image URL
2. Replace URL-OF-NEXT-BUTTON with your Next image URL
3. Replace URL-OF-HOME-BUTTON with your Home image URL

Save your template and Finally you are done.