Related Posts with Thumbnails for Blogger

Displaying the links to related posts along with a thumbnail of the corresponding post will help you increase the page views/user .Users will be tempted to go for the related posts when they are presented attractively with thumbnails.

This is another first release from me.This one also uses the media thumbnails generated by blogger for each post.

For displaying the thumbnails,this widget will use the images uploaded for the post using the blogger image uploader(from the post editor)

Related Posts Widget with Thumbnails for Blogger

Here are the detailed installation steps

1.First of all Login to your blogger dashboard and navigate to Layout > Edit HTML and Click on Expand Widget Templates

4.You can adjust the maximum number of related posts being displayed by editing this line in the code.

var maxresults=5;

5.To edit the title of the widget you can change this line of code

var relatedpoststitle="Related Posts";

To change the colors and all you will have to modify the CSS

If you fall into troubles implementing this,don't panic.. :) .just leave me a comment here and i will help you out. If you like to give me any suggestions on how to improve this widget,then it would be really great.

If you need a demo just check the related post thumbnails below this post.
UPDATE: Fixed the chrome Issue.So if you installed the widget before seeing this,then please update the widget.. :)

87
comments

IEDig is a social content website where your readers or you can submit content to. If you have a good story, members will 'Vote' the post and write comments. As a blog owner, you may want to make it easy for and encourage your readers to Visit on Your Blog.

Instead of searching the whole snippet, try searching it in part because it may be slightly different for different kind of templates... For example search just "post-footer-line" and you may find it easily.

I got no line "div class='post-footer-line post-footer-line-1'" but I found one that reads... "div class='post-footer'" so I placed the code on the next line and it works great now! I realized that I was looking at a closing tag and scanned up to the opening tag... Duh! lol!

hi there... i'm using linkwithin at first .. and now i've tried your steps... (TQ by the way)but "linkwithin' still shows up... i've deleted the widget already.... and still no related post thumbnail... ;-(plz help..Thanks...

Could the author please maybe publish it as a widget we can add from google search in the add content section of the layout portion of blog managment? That would let us HTML nonknowers help to use this great feature. Thanks kindly for your understanding that i'd use the related posts if i could get working. thanks again, Kyle

So i got this working and it's not exactly an issue but if my maxresults is too low and it dont fit exactly the space under the post, the related posts just show an empty space instead of using all the space under the post. Is there anything i can change in the code to get it using 100% of the space under the post?

I recently came across your blog and have been reading along. I thought I would leave my first comment. I don’t know what to say except that I have enjoyed reading. Nice blog. I will keep visiting this blog very often.

I have been searching the net just to look for different scripts that would customize the size of the image as well as the spacing of the text inside related post widget. Now I have found the solution for that and it is now working on my blog http://www.filmsforfree.blogspot.com

nice posting,The mangomedia is one of the leading Joomla Website Development in India ,Our services Joomla Website Design,Wordpress Development ,Durpal Development ,Logo Design ,Brochure Design,Flash Design,SEO ,SEM Services in India,Chennai.

This is highly informative, interrogative and touchy post. You have made me easier to think on it, I have got the point to start on this topic. Thank you for sharing piece of information and please do posting.Alamode

The topics you choose for your blogs are outstanding with great stuff and content is always beautifully presented. Brilliant work is done in your writing with good stand point and even I too agree your view point for this particular topic.tata tiscon

It is a very inspiring post to go through for excellent story about sustainability. The successful example of urban farming in Chicago can be followed in other cities to make the cities greener and less polluted.I've enjoyed reading the interesting discussion.Hardware & Networking