Due to some circumstances, this blog is now up for sale, for more enquires contact: Plushista@gmail.com
Pin It

Recent Posts Widget With Thumbnails For Blogger Blog

by Durodola Ridwan | Thursday, January 03, 2013 | 31 Comments

This recent posts widget is a cool widget that can be found on most blogger or wordpress hosted site, but what makes this one to stand out, is that it shows the date in which the post was published, number of comments and more link button.
In my previous post, i shared a post on how to add recent post widget by feedburner and how to customize it using CSS, so you can go for that, if you are interested in recent post widget without thumbnail.

How To Add Recent Post Widget

  • Go to your blogger dashboard
  • Click on Layout > Add a Gadget > HTML/JavaScript
  • Copy and paste the following code in the content box.

<style type='text/css'>
img.recent_thumb {padding:1px;width:55px;height:55px;border:0;
.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}
.recent_posts_with_thumbs a {text-decoration:none;}
.recent_posts_with_thumbs strong {font-size:10px;}</style>
<script style='text/javascript' src='http://www.webaholic.co.in/other/recent-posts-widget-with-images.js'></script>
<script style='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = true;
var numchars = 100;</script>
<script src='http://www.YOUR-BLOG-URL.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>

  • To change the number of post to be displayed, simply find var numposts = 5 and replace 5 with your desired number.
  • Replace YOUR-BLOG-URL to your blog url
  • Click on the Save button.
That's all!
Share this with your friends/followers and subscribe for our future post update.

Go Social:

Subscribe For Free Updates!

*Please confirm the email sent to your inbox after clicking "Sign Up!".

31 comments : Post Yours! Read Comment Policy ▼
We have Zero Tolerance to Spam. Chessy Comments and Comments with Links will be deleted immediately upon our review.

  1. http://www.Saeedbaba.com

    how i blog make beautiful and rank increase

  2. Nice widgetm using it on my blog now

  3. Can you help me regarding label widget? like you have your own. I want this menu bar like you have. please. http://crackmodo.blogspot.com/

  4. Replies
    1. how to add drop-down menu on my blog - www.tirthpatel-all-in-one.blogspot.com

      please help me to add drop-down menu

  5. how to add related post widget on blog ?

  6. Thanks brother for you nice sharing.. please upload
    idm crack and trick to hack wifi

    1. Here you go Hacking WPA/WPA2/WEP Wireless networks: http://www.ubertechblog.com/2011/08/hacking-wpawpa2-wireless-network.html

  7. I tried it but the separator seems to be distorted, don't know why. So I simply added the RSS feed widget.

    1. I figured the problem was with my template CSS.

  8. Thanks it is awesome and handsomly working in my blog.Thanks for the great help.recent post widget is vital for getting pageviews on new posts and you made this happen for me. Recent Post Widget

  9. http://www.Saeedbaba.com

    nice post and nice blog

  10. Sir i added the wadgets according to your directions but the wadgets not appeared on the side bar of my site. Please visit here

  11. Hi. My blog is listed on other blogs, but it just shows as a title, while others have a thumbnail of their latest image and the title of their latest post. Can you tell me how to make my blog display like that? An example is my listing "Lamb Island" at http://sydney-eye.blogspot.com.au/

    Hope you can help. Thanks.

  12. i heard that such widget also helps in reducing the bounce rate so i think that recent post widget should be more attractive so that it can engage the user and we can get more pageviews.and i think your widget will do this job for me.thanks for sharing.ringtones

  13. Hello everyone,

    I have made a lot of experiments how could I display recent comments on my blog. Trying so many things and codes but most of them didn't work until I end up with http://mybloggersworld.blogspot.com. It was so amazing for as easy as 3 minutes, I figured it out by simply copying the codes provided and just replacing my Blogs URL, saved it and presto, it worked out just fine. And since it is very important to me having this recent comments posted, I decided to put my Recent Comment widget just below the Blog under Layout settings. By this way, anybody who browsed my Blog could somehow see the recent comment with ease. Why I am so happy with it? Well, this is because I am not a very techie type of guy who knows a lot of codes, perhaps a little bit busy with my graphics design tasks at work.

    Just recently, I'm a bit busy working out with the designs of my Blog. I just installed a new template and currently customizing it the way I wanted to as well as optimizing it because ranking is really too far from the real numbers of Google Ranking. So if you would like to see my Blog, please check it out and make some comments, I really love to hear from anybody around the world who would also love to share their ideas, insights, experiments and most specially experience.

    For those of you who would like or willing to to do Link Exchange with me, I am very happy to share with you and be part of my referral List which you can see in this Link below;


    Wish to see more visitors to my blog and hopefully to gain more friends. You can also follow me and I will follow you as well. I am also very willing to be a blogging partner with anyone just like writing an article to review a friend's Blog. Somehow this will also help us out in improving a SEO as well. Please don't hesitate to contact me on my personal blog because I will respond to you the soonest.

    Thank you and have a blessed day to everyone.



  14. This is a very user friendly blog and I have just bookmarked it so I could make a visit here more often.
    The design is very nice as well, so keep up the good work.
    Two thumbs up from me.
    Thanks a lot!

  15. popular post widget is the key to engage user for the longer period of time along with it increases pageviews and helps to reduce bounce rate too.so this widget must be overwhelming and attractive and i think your widget has that quality and will work for me .thanks for sharing.seo tips for traffic

  16. best ur post my blog http://technojd.blogspot.com

  17. thanks alot for this wonderful information, i do really appreciate it.
    School news

  18. I need assistant,i copy and paste the recent post widget on my (www.oluwagbemigapost.com),but is not showing any recent posts,pls i need somebody to put me true

  19. Any workaround for recent posts without external javascript? May be hosting it within the template itself.


About Me

My Photo
Durodola Ridwan is a Professional blogger, SEO Consultant, Certified Web developer/designer and founder of www.realcombiz.com. He love writing about Blogging tips, SEO, and play around with codes. You can connect with him on facebook, twitter @realcombiz, and Google+.

Recent Posts

Let's Connect

Site Links

Copyright © 2014 RealcomBiz. All Rights Reserved.
Powered by Blogger