Best Related Posts Widget for Blogger – Show Simlar Articles Below Blog Posts Plugin

A relatively easy method of increasing page views on your blog is to add a list of related posts below…

show related posts for blogger A relatively easy method of increasing page views on your blog is to add a list of related posts below each article or displaying them in the SideBar. Now there is a Related Post Plugin for WordPress but there is no such one officially available for Blogger. So here is the Solution. This offers readers a ready-made reading list of other articles on your blog, which are of a similar theme or subject matter.

Installing Related Posts for Blogger Widget for your BlogSpot Blog

Installation

Option 1 – Add Related Posts Widget to Sidebar

Step 1. Click the button below


Step 2. Move the new sidebar widget to a position you like

The new sidebar widget will be created at top of your sidebar, you may want to move it a better place. Remember to save. Tip: You actually can drag this sidebar widget and drop onto after Blog Posts widget, then this widget will show up after comments.

Step 3. Go to one of your blog post

You have to see it in action in single post, you will not see the Related Posts list in your home page of your blog. Just randomly choose one of your blog post.

Option 2 – Add Related Posts just below your Post Content

Step 1. Go to Layout/Edit HTML/Edit Template Step 2. BACKUP your template! Do not skip this! Step 3. Check Expand Widget Templates, then Find a block like:

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

Step 4. Add one more line to be:

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

Step 5. Go to the end for:

</body></html>

Step 6. Add two more lines to be:

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

Depending Upon whether you install the Related Post Blogger widget in the Sidebar or Below the Post, you can also make customizations according to your Need by looking Below. Enjoy !!


Customizing Related Posts Widget Plugins Title & Number of Posts (Optional)

By default, if your blogs are written in English, you should be more likely having no need to customize the widget title. However, if your blog is not a normal blog or not in English. For example, it’s a food/cuisine/etc or written in Japanese. You could set the title to Related Recipes or 関連記事 (translated by Google Translate). Here is how you can do that: Change the original code:

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

into

<script src='http://www.google.com/jsapi'></script><script type="text/javascript">window.brps_options = {  "title": "<h2>Hey! Check out my other related posts!</h2>"  "max_results": 5  }</script><script src='http://brps.appspot.com/brps.js' type='text/javascript'/>

Notice that we have a new <script> block. You can also use HTML in it, you may need to as shown above since normal Blogger widgets use <h2> as title. If you don’t use, the widget may look different. “max_results”: 5 = Number of Related Posts you Want to Show

Advanced Design CSS Customization of Related Posts Widget for Blogger Plugin (Optional)

The DOM looks like:

div#related_posts h2 /* By default. If you customize brps_options["title"], it will be whatever you set */ ul  li

If you want to set CSS of every related post item of list:

#related_posts ul li {  /* CSS here */  font-family: Arial;  font-size: 1.2em;  font-weight: bold;  color: #888;  }

If you want to set CSS of default title of list:

#related_posts h2 {  /* CSS here */  }

Why Should you Install the Related Posts Widget for Blogger ?

  • More Click Through Ratio (CTR) for your Pages
  • More CTR = More Adsense Impressions.
  • Gives Readers easy Navigation (about what to read next )
  • Makes your Posts Sticky

>> Add your Comments if you have any Doubts etc.

The Blogger Related Post Service is given by Yu-Jie Lin. The source code is licensed under the GPLv3. You can check out the project page on Google Code.

Also Read : 21 Sure Ways of Improving your Blogs Quality & Standards


If you like this article, share your feedback or comments here.

SHARE