How to add Related Posts Widget to Blogger

seo-search engine optimization
Related posts is one of the most important widget that is used for visitor retention. When a visitor finishes reading a content in your blog, then the best thing to do is to present those visitors with more things to read. Instead of just displaying random things to read, you can show them related posts. When you display such posts, it is highly chance that your visitor will click on them and stay a bit longer in your blog.


There are several places where you can display related posts. The best place is to display related posts, right after the article. This way, your visitors will directly view those related posts. Choosing which one to display in blogger is totally up to you. Blogger gadgets normally use labels of a post to determine the most related posts. So, make sure that you make good use of the labels feature and add the correct labels to your blog posts.

 Recommended: How to Create labels/Tags in blogger?

Add Related Posts Widget to Blogger:




  • Log in to Blogger, click on your blog and go to "Template", from the links on the left.
  • Click on "Edit HTML". You will be able to edit your template's HTML / Blogger XML code. Be very careful here.
  • Click Ctrl+F and then search this code </head>
  • Now download the file and above </head> paste it.

    •

    • Now again search this code " <div class='comments' id='comments'> "
    • Download the the file below then paste the script just before this code.

    Configuration:

    You can change the second script like these two codes see below:
    var maxresults=5; and <b>Related post</b>
    I hope you have enjoyed this post. If you have a problem then submit a comment here. Happy blogging :)
    Posted by
    Labels: ,

    8 comments:

    1. Unknown6 June 2014 at 16:11

      Hi. While in 'Edit HTML', I place this code in the finder: , and it says phrase not found. Any ideas?

      ReplyDelete
      Replies
      1. Hassan Raza6 June 2014 at 17:58

        hi jessica after clicking on Edit Html you should expand the widgets.. For example: ....... click on the dots and it will open whole widget. I hope you understand that. Thanks :)

        Delete
    2. Aline9 August 2014 at 03:41

      Excellent tutorial, but I was wondering if there's any way to change the title "recent posts". My native language is portuguese, so I need to translate it for the readers hahaha. I did it on the "rel_title:", but it didn't change. Thank you!

      ReplyDelete
      Replies
      1. Hassan Raza9 August 2014 at 10:54

        Hy @Aline thanks for liking and please contact me with your email then I will change your "rel_title" with your language. :)

        Delete
    3. Bishop Ikedi15 August 2014 at 09:31

      I have added it but the related post is not showing yet..

      ReplyDelete
      Replies
      1. Hassan Raza15 August 2014 at 14:22

        Dear Bishop lkedi may be You hvae not created labbels. If yes then plz give me your website link then i will sort out the problem. Thanks :)

        Delete
    4. Unknown9 November 2015 at 21:51

      Hey Hassan,
      First, thanks for great article. We built Limk as related posts widget for Blogger.
      Launched early in this year and the platform served over 500 million recommendations with hundreds of happy publishers.

      Key advantages of Limk:
      – Limk related posts widget is using the direct internal URLs, no redirection urls. Good for SEO juice.
      – Mobile ready, looks great on mobile phones and tablets
      – Stats panel gives all the data you need.
      – Optional monetization is available for publishers.

      Bloggers can give it a shot (it's free by the way):
      https://app.limk.com/auth/signup?utm_source=register

      Would love to help anyone to try our platform: ozer@limk.com

      ReplyDelete
      Replies
      1. Hassan Raza10 November 2015 at 13:50

        Thanks for liking my work I will give a shot when I will be free. :)

        Delete

    Subscribe to: Post Comments (Atom)

    Tech Blog © 2012-2014. All Rights Reserved | Designed by-loverboy14335