How to customize next and previous post link

H

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:

home
http://mybloggertricks.org/blog/wp-content/uploads/2013/07/Home-page.png

NEXT
http://mybloggertricks.org/blog/wp-content/uploads/2013/07/Next-page.png

Previous
http://mybloggertricks.org/blog/wp-content/uploads/2013/07/Previous-posts.png

About the author

domdom rung

Add comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.

By domdom rung

Subscribe to Blog via Email

Enter your email address to subscribe to this blog and receive notifications of new posts by email.

Categories

Recent Posts

Recent Comments

Archives