Friday 4 April 2014

Simple Blogger Related Post Widget Without Thumbnails/Text Links Only

The Script For Blogger Related Post Without Thumbnails :

 

Add a new Javascript/HTML widget and paste the following:
 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://blogger-related-posts.googlecode.com/files/related-posts-widget-1.0.js" type="text/javascript"></script>
<script type="text/javascript">
relatedPostsWidget({
   'containerSelector':'div.post-body'
   ,'loadingText':'loading...'
});</script>
 
 Note: The widget uses post labels to display related post links. Your 
recent posts will show up instead, if labels are missing. Make sure 
you've defined them.



Here's how to add the codes if you prefer:

  1. From your blogger dashboard, click "Layout" on the left panel.
  2. Click "Add a gadget" and scroll down until you see HTML/JavaScript. Open it.
  3. Paste the above codes in the content area there. Save it.

That's it. Your related posts should show up at the bottom of your article. It should help you increase page views and in turn decrease bounce rates - Both positive SEO signals.

1 comments: