Pin It



How to customize next and previous post link

  • Wednesday
  • Andy Law
  • Share
  • Today, I am going to walk you through how to customize next and previous post link. As we know, there are "Older Posts" and "Newer Posts" located in every blog which can make readers stay longer in your blog. But, is it attractive enough to draw visitors' attentions? I would recommend you change this. It won't take long to customize the next and previous links, so just follow the steps below:

    1. Go to Layout >> Template >> Download the full template >> Click on Expand Widget Templates
    2. Press Ctrl + F, and find this code:
    3. <data:newerPageTitle/>
    4. Replace it with: NEXT POST  or this code if you want to show an image:
    5. <img src="YOUR--IMAGE--ADDRESS--HERE" />
      We've added a NEW POST link, now we'll change the PREVIOUS link
    6. Find this code:
    7. <data:olderPageTitle/>
    8. Replace it with PREVIOUS or this code:
    9. <img src="YOUR--IMAGE--ADDRESS--HERE" />
      Now we'll do the same for the HOME PAGE
    10. Find this code: (note: there are two similar code, use the first one)
    11. <data:homeMsg/>
    12. Replace it with HOME PAGE or
    13. <img src="YOUR--IMAGE--ADDRESS--HERE" />
    I have these cool NEXT and PREVIOUS post link icons, you can use it also:

    1 Responses to “How to customize next and previous post link”

    Chandra babu Chandu said...
    7 September 2012 at 15:23 This comment has been removed by the author.

    Post a Comment

    SUBSCRIBE NOW to get the latest posts