Subscribe For Free Updates!

We'll not spam mate! We promise.

How To Add Recent Posts Widget With Thumbnails On Blogger

Recent posts widget is quite a lovely widget that can be used to beautify & add spice to your Blogger & Wordpress Site, these widget stands out from other Recent post widget because  it shows the date in which the post was published, no. of comments and read more link.
Let get to the real deal for Today......

Steps To Install Recent Post Widget On Your Blog
  • Navigate 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=''></script>
<script style='text/javascript'>
var numposts = 6;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = true;
var numchars = 98;</script>

  • You can alter the number of post to be displayed, by simply find var numposts6 and replace 6 with your desired number.
  • Change YOUR-BLOGGER-URL to your blog url

  • Now, Click on the Save button.

  • You Are Done!
    Please, Share this with  friends and use our subscription links below.
    Hope This Helps, Pals?


    Best Blogger TipsComment here


     We only entertain real and valuable comments. This means that you need to write comments with your REAL NAME. Comments with keywords or unrelated texts won't be approved. Also, instead of posting comments such as "nice/excellent articles", we would really appreciate if you could like it and share it with your friends/readers. Please, read our
    comment policy