How To Add Related Posts List Below Your Post In Blogger.Com Blogs?

You Are Here:- Home / Blogger / How To Add Related Posts List Below Your Post In Blogger.Com Blogs?

How To Add Related Posts List Below Your Post In Blogger.Com Blogs?

Posted On November 25, 2009 At 10:14 PM

By Saksham Talwar

Hi Friends! This is my second post in Blogger category. Actually its the first Blogger.Com help tutorial.

This question was asked by my friend Ravi from Health N Fitness Care. His query was “How To Add Related Posts List Below Your Post In Blogger.Com Blogs?”. Let us answer him.

For WordPress blogs displaying related posts below posts isn’t a very difficult task. Just install a few plugins, activate them and your work is done.

But the case is different for Blogger.Com blogs. Here we have to do a lot of work.I mean to say that it is little complicated than doing the same in WordPress. Lets Move Forward.

Follow these steps given below:-

(If You Want To Display Related Posts In Your Sidebar)

1.) Click the button displayed below.

3.) Now without a second thought visit any of your posts and see this in action. Remember this widget will not display in homepage.

(If You Want To Display Related Posts Below Post Content)

1.) Go to Layout.

2.) Go to Edit HTML.

3.) Go to Edit Template.

4.) First back up your template. Do not skip this. If the trick does not work, you can restore back to your previous theme using your theme back up.

5.) Check Expand Widget Templates.

You will find a line,

 <div class='post-footer-line post-footer-line-3'/>

6.) After its </div> tag type,

 <div id='related_posts'/>

7.) Go to the end of the code. You will find,


</body>
</html>

8.) Just before these type,

<script src='http://www.google.com/jsapi'/>
<script src='http://brps.appspot.com/brps.js' type='text/javascript'/>

9.) And guess you’re done!

Optionally Customize It…

You can use the following code in order to display a title before the related posts list and to limit the number of results that are displayed by the script.

To change the title change Related posts written in “<h2>” tags. You can also change the font. To change the number of related posts displayed change “5″ in the fifth line to any number of your choice. I recommend to keep it “5″. Its your choice.

<script src='http://www.google.com/jsapi'></script>
<script type="text/javascript">
window.brps_options = {
  "title": "<h2>Some Other Posts You May Like...</h2>"
  "max_results": 5
  }
</script>
<script src='http://brps.appspot.com/brps.js' type='text/javascript'/>

Hope your question is now answered Ravi and others. If you need any more help please feel free to contact me.

NOTE:
This Widget is known as and is developed by Yu-Jie Lin of BRPS (Blogger Related Posts Service)

The BRPS plugin now requires you to use a service key to install it. Read the updated post on this topic by my friend Manoj, to know more about it.

Posted In The Categories: Blogger

This Post Has Got 10 Comments

If You Enjoyed Reading This Post, Please Consider To Leave A Comment And / Or Subscribe To The Feed And Get Future Articles Delivered To Your Feed Reader Regularly.

livibetter says:

November 27, 2009 at 4:14 AM

I hope at least you could give me a credit for my creation, BRPS (Blogger Related Post Service).

And the code for customization you copied from Code wiki is messed up. Please remove those span tags.

Reply
- Saksham Talwar says:
  
  November 27, 2009 at 2:58 PM
  
  Hope its alright now friend. Actually WordPress editor had added the Span tags by error.
  
  I don’t use Blogger any more but I really like your BRPS service. Having seen it in many of the Blogger.Com blogs, I can say that it is really worth having the BRPS plugin.
  
  Reply
Ravi says:

November 27, 2009 at 1:45 PM

Well, thank you so much Saksham for getting me through the problem I was facing to implement the related post widget. Though I was having problem to put the code successfully, your continuous support helped me overcome the problem. Related posts widget on my site is a result of your support, guidance and help. Thanks, buddy, once again.
I highly recommend Saksham for any such help or guidance that you may require for your blog / website.
He is a helpful and genuine guy.
Thanks.

Reply
- Saksham Talwar says:
  
  November 27, 2009 at 2:37 PM
  
  Thank you Ravi for recommending me to all the other readers. I hope now many other will ask me for help. I love to help, so please make me help you.
  
  And Ravi, if you have any other doubts or queries, please feel free to contact me anytime and I will try answering to you as quickly as possible.
  
  Thanks..
  
  Reply
Manoj Wadhwa says:

July 20, 2010 at 12:15 PM

Saksham,

Thanks for the article. I had a bit of a trouble installing this script as it was resulting into an error stating some key is invalid. However by jumping to the link, that the error message contained, I could generate a key and it required me to replace ” with a script tag suggested by BPRS key generator.

It would be great if you could add this last step in the process you have stated above. All in all, it was a great and neat procedure.

Regards,
Manoj

Reply
- Saksham Talwar says:
  
  July 20, 2010 at 2:50 PM
  
  Buddy can you please comment the entire procedure here? Everything you witnessed? I will add it into this post. Unfortunately I’m no longer on Blogger!
  
  Reply
  - Manoj Wadhwa says:
    
    July 21, 2010 at 12:22 AM
    
    I followed all the 9 steps from the section (If You Want To Display Related Posts Below Post Content) in your article above and when I did a preview of the blog, I got that error message.
    
    I will try to recreate the scenario and post the procedure for sure.
    
    Thanks.
    Manoj Wadhwa´s Last blog ..Dive Into HTML 5 with Mark Pilgrim
    
    Reply
    - Saksham Talwar says:
      
      July 21, 2010 at 9:51 PM
      
      Thanks buddy! Waiting for for your post eagerly.
      
      Reply
      - Manoj Wadhwa says:
        
        July 26, 2010 at 4:07 PM
        
        Saksham,
        
        Please read my post at http://www.firststoponline.in/2010/07/how-to-display-related-posts-in-your.html.
        
        I have tried to list the additionally required steps there. Must thank you again for a good simple solution.
        
        Reply
        
        Saksham Talwar says:
        
        July 26, 2010 at 9:08 PM
        
        I’ve added your post link in this post. Thanks for the article!
        
        Reply