Friday

Simple Related Post Widget Without Thumbnails Only Text links



Related post widget is very important for a blog to increase page views and also help the visitor to view other related posts. Now I am going to tell you a simple and working trick to add related post widget in blog.

Follow the below steps to 


Add related posts widget






Step 1. Log in to your blog.

Step 2. Click on Layout.

Step 3. Click on Add a Gadget and add HTML/Javascript gadget. Click on Edit.

Step 4. Paste the below code in the box, and remember do not add title.


<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 : This code uses Label of your post, if your post doesn't have Label then it will show recent post widget under the post.


Step 5. Click on Save button.

You are done. See your blog, you will see a related posts widget under the article. 


No comments:

Post a Comment