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
Related Posts with Thumbnails for Blogger - New Version by BloggerWidgets
Friday, September 25, 2009 /
Filed Under:
Customize your Blogger Template
Filed Under:
Customize your Blogger Template
View 21
comments
Like to share?
You may also like to subscribe to Blogger Buster's RSS feed or receive free email updates of our latest posts.
Subscribe to:
Post Comments (Atom)
21 comments:
Nice post, thanks :D
"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
greatest aneesh.
love blogger so much :)
@Switcher - oops! I overlooked that, and have now edited the post. Thanks for letting me know!
@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!
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
@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 :)
@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!
@JudokaJoe, he he.. ok :)
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
good post friends thankyou
thanks for sharing...
interest programming? visit my blog, read and leave comment All About Computer
Anyway where this can work without thumbnails?
I'll definitely try this once my internet is back to normal.
Thank you, I'll try it.
Yeah sure Amanda, thanks for the tips.
Daniel Likin.
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 .
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..
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
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
Thanks Amanda. I'll try to install this on My blog.
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