How To Change Newer, Older And Home Link With Image Buttons?

A quick customization tips for blogger users comes again. It is a simple trick but I think it should be applied for a new twist. You might see every blogger blog has three links for navigate blog posts at the bottom of each posts and these are Newer, Older and Home Link.
Humm! Today we are going to learn how to change those links with image button. So that you can add eye catching button as you like. You can change them easily anytime just by replacing image button links.


Change newer, older and home link with images

Replace Newer, Older and Home Button In Blogger Blog?

  1. Sign in to Blogger blog
  2. Click on your blog title
  3. Click Template from left side menu
  4. Backup full template before any changing
  5. Click Edit HTML
  6. Click on code box and press Ctrl+F
  7. Now search for the following code
<data:newerPageTitle/>

and replace this code with...

<img src="PREVIOUS-BUTTON-IMAGE-URL-GOES-HERE"/>

Agian, Search for,

<data:homeMsg/>

and replace this with following code...

<img src="HOME-BUTTON-IMAGE-URL-GOES-HERE"/>

Then Search for this one,

<data:olderPageTitle/>

Now, replace this code with...

<img src="NEXT-BUTTON-IMAGE-URL-GOES-HERE"/>

Now, simply paste the image URL to selected color.

I have given some shiny button for applying. To get uploaded image link, click right mouse button on image and select "Copy Image Location"
If you don't like them, I will suggest you to make a search on Google.



previous buttonhome buttonnext button


back buttonhome buttonnext button


previous buttonhome buttonfree next button


previous buttonhome buttonNext button

That's all. Isn't it so easy? Feel free to ask me whenever you get any problem. Good luck pals.

Please DON'T spam here. Spam comments will be deleted just after our review.

Post a Comment

Please DON'T spam here. Spam comments will be deleted just after our review.

Post a Comment (0)

Previous Post Next Post