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…
Well I am so excited that I have found your post because I have been searching for some information on this for almost three hours! You've helped me a lot indeed and by reading this article I have found many new and useful information about this subject!
24 day challenge
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…
You always offer great tips here!
I wondered when i put this recent posts with thumbnails code and see my blog. Its the wonderful post to me. and your thoughts are very innovative Mr. Akhil Abraham. I appreciate you have a beautiful blog, I bookmarked your site for further reference… Thank you Notification
beautiful recent post
http://masihpopuler.blogspot.com
@ 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..
very nice article thanks for sharing will subscribe for more
Make Money Online Easily
http://www.Saeedbaba.com
very nice post and nice blog
its is very helpful i used in my blog
@ anis…@ m saeed…
Thanks for your comments…stay with us for getting more updates of all blogging tools
Thanks for the info…It really works!
wow, so beautiful jewellery, I think you like buying beautiful jewellery very much, of course,I like it too, So i open a jewellery online store recently, If you are interested in it, You can load to http://www.vicky-jewellery.com to visit it. Thanks
@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
Dear your code doesn't work, and I am seeing all spam comments here
Hi Rehmat,
There is no chance for that…because before i posting something i check that twice is it working or not…
if have any doubt see this link….
http://allbloggingtoollab.blogspot.in/
in there i am using the same code …..try one more time…still you have problem…feel free to ask me…i am always here..
Any way have a nice day…
Nice Widget..
Keep it up
Regards
Blogging Tips & Tricks
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!
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;}
Thanks for your comment…Stay with us for getting new blogging tips and tools…
Have a nice day…
Awesome! Thank you!
This comment has been removed by the author.
I like this post. Thanks
@ du học Nhật Bản
This is really awesome and i love that.. This is very unique thing you put on that post.. Thanks for sharing
Get Latest Blogging Tips
and latest seo tips
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?
Thanks for your comment…Stay with us for more blogging tips…
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…
wow! this is amazing, at last i have it on my blog, thanks a lot.
Very nice!! Thanks Admin Blogger Tutorials
nice i like it
computer tricks
From today onwards it's stop working. I think http://www.webaholic.co.in/other/recent-posts-widget-with-images.js has been removed. Please check in my website http://www.kolkatabengalinfo.com and provide any help.
http://www.Saeedbaba.com
nice post and nice blog
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!
Hey its not working plz help my website http://www.findmesimilar.com
awesome popular post widget leaves an impressive impression on the readers describing what are the most visited pages and posts on your website so it must be designed charismatic and your widget has that potential.popular post widget for blogger
Popular post widget leaves a dramatic impression over the user perception.To increase page views and traffic for most visited pages of your blog ,popular post widget is best thing that a blog or website can have.going to try your widget at Best Of Shayari
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.
This is really awesome and i love that, some code with the above code….
Hello. magnificent job. I did not expect this. This is a excellent story. Thanks!