Monday, April 16, 2012

Adding Home - Next - Previous picture buttons in Blogger

You can customize your Home, Previous and Next Links in Blogger but adding pictures instead of links. This can be very useful sometimes because it can aid easy navigation for your viewer.

Step 1:

Log in to your Blogger Dashboard and Navigate to Layout > Edit HTML and checked the Expand Widget Templates Check box.











Step 2:

 Find the highlighted code below and Replace it with code next to it:

  • Replace <data:newerPageTitle/> for Next Post with <img src='YOUR-IMAGE-LINK' alt='Next Post' />
  • Replace <data:olderPageTitle/> for Older Post with <img src='YOUR-IMAGE-LINK' alt='Previous Post'/>
  • Replace <data:homeMsg/> for Homepage with <img src='YOUR-IMAGE-LINK' alt='Home' />
    Hope this post will be helpful for all blogger newbies. If you need any other customization then feel free to ask in comment form below.