Saturday, September 7, 2013

Beautiful Recent Posts Widget for Blogger with Thumbnails

recent posts widget blogger
You may have seen a Recent Posts widget on many blogs, Have you ever wondered 'How to get on your blog'. Well Today I'll tell you How to add recent posts widget with thumbnails on blogger blog. This Widget lets your visitors to find your recent posts without any difficulty and without wasting time. 

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

recent posts blogger widget preview

How to Add Recent Posts Widget

Here are steps to Install the widget on your blog

Step 1: From your Blog Dashboard, Go to Layout > Add a Gadget.

Step 2: Choose HTML/Javascript Widget.

blogger HTML javascript widget

Step 3: Copy paste the following code inside the widget.
<style type='text/css'>
img.recent_thumb {padding:0px;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:14px;}
ul.recent_posts_with_thumbs li {padding-bottom:0px;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 = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 95;</script>
<script src='http://www.techglad.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
Step 4: Now change the Red Text 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'. Hope you guys like this widget please tell me by leaving comments below. 
Spread The Love, Share Our Article


Post a Comment


 about US

SoftGlad is a leading blog which providing Latest News, Social Media, Web Design, Blogging, PC tutorials and many other stuffs. We will always trying to relate with our valuable readers by updating the quality contents. There are millions of blogs which providing technological knowledge but our goal is to provide dainty articles and useful technological knowledge.
See More


RECENT Comment