How to customize next and previous post link


previous 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:





Leave a Reply

Your email address will not be published. Required fields are marked *