NOTICE

Adfly Links not working Find Direct Links HERE

Simple jQuery Based Related Post Widget For Blogger( Easy Install )

Related posts widget is very important for a blog as it increases the number of page views and also help the visitor to view other related posts on the blog.At present there are many types of related post widget like with thumbnails by using Java script Using HTML etc... Here i am going to show a method which is very easy to install.It will show only title of related posts using jQuery.It will look like an image below.



Installation:


Step 1:

Login to your Blogger account Click Layout Then Edit HTML Now check Expand Widget Templates

Step 2;

Search for a code similar to this <p><data:post.body/></p>

And Paste the below code Just after <p><data:post.body/></p>




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



Now save Template !

5 comments :

  1. Is it possible to make a scrolling jQuery sidebar widget for Related Posts WITH THUMBNAILS??? it would be very helpful..

    all your tuts are very nice.. keep it up.

    ReplyDelete
  2. Thanks For Your Comment Jal Desai

    jQuery is very powerful and we can do wonders by using this.I always try to provide different and useful widgets for blogger.If i find something like that i will definitely share with you guys:)

    Subscribe for new upcoming jquery widgets.

    ReplyDelete
  3. Its really great,but a text'related posts' is appeared even there is no related posts.
    any solution!
    http://technoi.blogspot.com

    ReplyDelete

Feel free to leave comment if you like above widget, have any questions or just say Hi! :)