How to replace Older Post and Newer Post link with Image and Text in Blogger :BloggerTips

Changing Older Post and Newer Post with Next and Previous Text
Follow the easy ten  steps below:
  1. Log in to blogger
  2. Click Layout
  3. Click Edit HTML tab
  4. Click “Download Full Template”, please back up first your template (important)
  5. Please check the small box beside Expand Widget Template 
  6. Wait for a while until the process finished
  7. Find the following code on your template: 

    • <data:newerPageTitle/> replace it with Next
    • <data:olderPageTitle/> replace it with Previous
    OR
    Changing Older Post and Newer Post with Images
     8
  • <data:newerPageTitle/>  replace it with
<img alt='Next' border='0' src='http://1.bp.blogspot.com/_3CVz5LwvWiE/TJ-EFpDl7wI/AAAAAAAAAes/J7feVp153ak/S920-R/next.png?imgmax=800' title='Next'/>
  • <data:olderPageTitle/> replace it with
<img alt='previous' border='0' src='http://2.bp.blogspot.com/_3CVz5LwvWiE/TJ-EsWc7u3I/AAAAAAAAAe0/SFJq5tvXtR4/S920-R/previous.png?imgmax=800' title='previous'/>
  • <data:homeMsg/> replace it with
<img alt='home' border='0' src='http://2.bp.blogspot.com/_3CVz5LwvWiE/TJ9lkMssM_I/AAAAAAAAAeM/hamZeEFaJ4I/S920-R/home.png?imgmax=800' title='home'/>
  •  Purple color link is is the image source you can replace it with your own image
  • If you have still doubt you can ask me ......

    0 comments :

    +