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?

Posted On November 25, 2009 At 10:14 PM

By Saksham T

Hello there! If you are new here, you might want to subscribe to the RSS feed for updates on this topic.

Share

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)

Posted In The Categories: Blogger

This Post Has Got 4 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. Also Please Join The Blogging Junction Forums.

1

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
- 1.1
  
  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
2

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
- 2.1
  
  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