How To Add Beautiful Recent Posts Widget To Blogger with Thumbnails

Today we are discussing about Add Beautiful  Recent Posts Widget with Images to Your Blogger Blog.You may have a Recent Posts widget on your blogs, Have you ever see a recent post widget with images. Well Today I’ll tell you How to add recent posts widget with thumbnails on blogger blog. This widget will give more attraction to your blog and catch the visitors easily.Lets have a look at how to add this in your blog.


If you wish to see a working demo of this widget then here is a preview of the widget.




How to Add Recent Posts Widget

Step 1: Go to  your Blog Dashboard.

Step 2:Go to Layout > Add a Gadget.

Step 3: Choose HTML/JavaScript Widget.

Step 4: Copy paste the following code inside the widget.


Don’t forget to make these changes

**Now change the www.allbloggingtools.com with your Blog Address and Save the widget.
**You can customize the code as per your requirement, To change the number of posts to display change ‘var numposts = 5′.

Step 5: Save the HTML/JavaScript Widget.

That’s all…Don’t forget to use the comment box for your valuable thoughts..

At last have a nice day…

The following two tabs change content below.
I am Akhil abraham Computer Science Engineering graduate From India . I complete my BE from Anna university. Now I am working as a blogger , freelancer and web developer.I started this blog for sharing the information that i learn in my way of blogging.

Latest posts by Akhil Abraham (see all)

SUBSCRIBE VIA EMAIL

If you did like to stay updated with all our latest Blogging Tips. please enter your e-mail address here

Comments

  1. Hi Brain,
    Nice to meet you…I need readers like you and i am happy that you satisfied with my blog….

    Thanks for your valuable comments…

  2. You always offer great tips here!

  3. @ Kirann….@Gesit….

    Thanks for your valuable comments and stay with us for new updates of blogging tools…

    feel free to ask me..Have a nice day..

  4. M Saeed says:

    http://www.Saeedbaba.com

    very nice post and nice blog

    its is very helpful i used in my blog

  5. @ anis…@ m saeed…

    Thanks for your comments…stay with us for getting more updates of all blogging tools

  6. Thanks for the info…It really works!

  7. @Gina…

    Thanks for your comment…Stay with us for more blogger widgets

    @Beautiful jewell

    Thanks for your comment…I am not interested in it .I visited your blog it looking nice….Stay with us for more updates

  8. Diana says:

    This is a great widget, thank you for the code.
    Is there a way to take away the bulleted list dot on the left of the thumbnail? Thanks!

  9. Hi Diana,

    Thanks for your comments….

    Yes,you can take away the bulleted list dot on the left of the thumbnail… Add some code with the above code….

    After the… ul.recent_posts_with_thumbs li {padding-bottom:0px;padding-top:5px;min-height:65px;}

    Add below code…
    ul{list-style-type:none;margin:0;padding:0;}

  10. Thanks for your comment…Stay with us for getting new blogging tips and tools…

    Have a nice day…

  11. Diana says:

    Awesome! Thank you!

  12. Linh Nguyen says:

    This comment has been removed by the author.

  13. Wizzdumb says:

    Thank you, this is very nice. I just want to know if there is a way to change the default image for post without images?

  14. Thanks for your comment…Stay with us for more blogging tips…

  15. Hi Wizzdumb

    Thanks for your comments… it is not possible because i inherit the code from recent post feed using java script…if your post contain some images then only this widget shows your post images..Any way stay with us for more blogging tips…

  16. wow! this is amazing, at last i have it on my blog, thanks a lot.

  17. Joanna says:

    Is there a widget that looks the same but is for popular posts? After looking for hours I finally found this widget that actually looks pretty, but I'd prefer one for popular posts!

  18. I just want to mention I am just beginner to weblog and really savored your blog site. Likely I’m going to bookmark your site . You actually come with fantastic article content. Thanks for sharing with us your website page.

  19. zulubet says:

    This is really awesome and i love that, some code with the above code….

  20. Hello. magnificent job. I did not expect this. This is a excellent story. Thanks!

  21. Sanjay says:

    Thanks for this beautifull recent post widgets …….. :)

  22. xany says:

    thanks for this my friend…

  23. ElHabib says:

    Very Nice Post .. Thank You .. Admin

Speak Your Mind

*