21 Related Posts with Thumbnails for Blogger - New Version by BloggerWidgets
Friday, September 25, 2009 /

Aneesh of Blogger Widgets has developed a new "Related Posts" script for Blogger which displays thumbnails of images in addition to linked post titles:


In appearance, this Blogger "add-on" is similar to the LinkWithin script. Each section is highlighted in a complementary colour when the mouse hovers over it, and the entire section is clickable, leading to the URL of the "related post" displayed.



Unlike the LinkWithin script, this add-on links directly to the post page it references, and relies on Blogger's label feeds to display posts of true relevance to the post on which it appears.

Aneesh's script seems relatively easy to install. Furthermore, almost all aspects of this add-on may be customized including the style (by editing the CSS), the number of related posts to be displayed and the title of the section in which it is contained.

The image thumbnails displayed for each related post are generated from the thumbnail associated with the relevant post page. Therefore, only images which you have uploaded to each blog post (rather than referencing by URL) will be displayed. In instances where no image appears in the related post, a generic "No-Image" replacement will be be displayed instead.

Overall, I am very impressed by Aneesh's related posts script - it is neat, easily customizable and as the JavaScript is hosted by Google Code this loads very quickly..

Be sure to visit this page on the Blogger Widgets site for full instructions of installation and customization methods to add this useful script to your own Blogger blogs.

21 comments:

September 25, 2009 at 9:24 AM NAD said...

Nice post, thanks :D

September 25, 2009 at 10:30 AM Switcher said...

"does not rely on external JavaScript to function"

You said that wrong. ;)

This widget does rely on an external javascript file, plain as day, in the CSS code.

If you look at that external javascript file that is hosted by Aneesh on googlecode.com, that is how the no/image pic. is getting called by the javascript.

Not, a big deal since the javascript is on googlecode.com, so should be good & not hit any max bandwidth limits. Which also makes for a very clean/easy install in the blogger template (less code for the end user to mess with).

I will say, that's some very clean looking javascript! :)

Great job, Aneesh

September 25, 2009 at 11:05 AM Denny said...

greatest aneesh.

love blogger so much :)

September 25, 2009 at 11:14 AM Amanda said...

@Switcher - oops! I overlooked that, and have now edited the post. Thanks for letting me know!

September 25, 2009 at 12:01 PM Switcher said...

@Amanda

Just thought I would point that out, just in case anyone wanted to change the defualt no/image to their own image (in the external javascript file), to blend in with their own blog colors.

Great blog you have here, lots of great info!

September 25, 2009 at 12:43 PM JudokaJoe said...

Amanda,

First, thanks for bringing things like to light. However, I am experiencing a weird problem with this modification in one of your templates.

I using the Nexus5 template for my regular and test blogs. After adding this modification, the featured post gadget ceased to work. Also, the related post thumbnails show only the "No Image" and ALL of my images are hosted by blogger. I'm scratching my head over that little quirk...

Granted, editing the template code is very new (and somewhat intimidating) to me. I may have mucked things up a bit. But, before I dove in and tried to figure this out on my own, I wanted to see if you were aware of any known or potential conflicts with this modification and the Nexus5 template.

Thanks for any insight you can provide, and I hope you have a great weekend. Cheers!

Joe

September 25, 2009 at 1:34 PM Aneesh said...

@Amanda ,Thanks a lot for featuring this one.. :) now it takes up external images (full size images) also.

and thanks to all of you for the support..
@JudokaJoe,
it shouldn't cause any probs.. i will try it on some test blog and let you know :)

September 25, 2009 at 6:55 PM JudokaJoe said...

@Aneesh & Amanda - Thanks, but I got it working! Chalk up my problem to an overzealous mouse while copying & pasting...

This is a great addition to my blog. Thanks again!

September 25, 2009 at 10:35 PM Aneesh said...

@JudokaJoe, he he.. ok :)

September 26, 2009 at 8:16 AM
Anonymous said...

We need some suggestions for a multi faceted template layout for a dynamic site with multiple operations.

New suggestions are always welcome.
Check out the site here:

http://rikijo.blogspot.com

September 29, 2009 at 3:24 AM asep canda said...

good post friends thankyou

September 29, 2009 at 8:21 AM Sismadi said...

thanks for sharing...

interest programming? visit my blog, read and leave comment All About Computer

September 30, 2009 at 2:38 AM Reel Advice said...

Anyway where this can work without thumbnails?

I'll definitely try this once my internet is back to normal.

September 30, 2009 at 12:24 PM Bang Del said...

Thank you, I'll try it.

October 1, 2009 at 8:29 AM Are You Destined to be a Blogger? said...

Yeah sure Amanda, thanks for the tips.

Daniel Likin.

October 2, 2009 at 12:38 PM kliparsivim said...

hi !
I wanna ask something but its not care this topic. I didnt know Where i may write.
I came across an a problem about labels on blogger. When I wanted to publish my new post, I came across problem like that "ERROR ! Blog has to have 2000 labels ".

can we change this problem ? or is it just temporary situation ? or another things ?

help me ! please .

October 3, 2009 at 12:48 PM Bang Del said...

Hello Amanda. I can't leave any comment on your personal site www.amandafazani.com
Something wrong with the comment box verification. Form to fill out the captcha is closed by the comment box.
By the way, blogger won't allow the code to put customize "Save as PDF" like yours here on bloggerbuster. "Save as PDF" with small icon and text. I've try the tutorial you wrote on www.bloggingtips.com but it didn't work. Thank you Amanda..

October 5, 2009 at 7:26 PM jayaraj said...

hello amanda i liked ur templates but i want a template that when i looked that i have to say wow! just visit my site jayarajyadav.blogspot.com and i am going to start a new blog on movies so please choose a template for my blog and it has to be elegant and black dark widgetized and it has a section like my blog beside the header image it has to fit the full screen like yours please do it for me

October 7, 2009 at 9:46 AM Free CSS Templates said...

Really awesome blog. I enjoyed reading review of "Related Posts with Thumbnails for Blogger - New Version by BloggerWidgets" etc. I found that you really update
your site regularly that made me more interesting. I've bookmarked your site for my future use.
Thank you
sagar rai
Blogging Tips\Download Free CSS Templates

October 7, 2009 at 7:54 PM Mengembalikan Jati Diri Bangsa said...

Thanks Amanda. I'll try to install this on My blog.

October 8, 2009 at 9:10 AM ۞Carla_Witch Princess۞ said...

Oi, Amanda!
Eu sempre utilizo os recursos e tutoriais do seu site.
Agradeço por tantas coisas úteis que você coloca aqui à disposição de todos os blogueiros.
Coloquei o seu link em destaque, no perfil do meu blog em:
Agradecimentos especiais.
Parabéns pelo excelente trabalho!
Bjinhosssssss

Post a Comment