Tuesday, July 19, 2011

How to customize next and previous post link

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:


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiZXOkscuZ2lVPD84_utss3u7jFhvROA794AosQ2I1-NaUFPdIdCle3XCAc4qe4EmvYH2cZY0mMR2JhTSqkrBlDYFkXBvf4IKrRyF8x52RF99bI1uhoi9x07ge-wOPQDVeYOfat-BSatd9/s1600/Home-page.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiufxbWGWslRleo36xL94czCi88SiiSDY10uNwTK_DR8tamCPln4A14kabyu7l9TdU5xoOuJUg4wl3hdIdyoWQjSM2ntt8CKLSPfwbEXBmJhb6TbcfpUkATK30CwXiLVGZHpQ6i4vR4LbaC/s1600/Next-page.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIUrgiwjG-mGHP0FvEidf1rlVn_utcaXRArNP8OZ8p_vcJ6I4yvCfzBvFnJupWdt86GYTielyVv5HUcxA-M_8zfbbeF6tlRBwm4s-9F6OGK5hvEjobQRbKHLn3TOIIF8ZKBhfn5lxz1RsL/s1600/Previous-posts.png

adsense
 
 
Copyright © blog
Blogger Theme by Blogger Designed and Optimized by Tipseo