3 Types of Recent Posts Widget for Blogger Blogs

Widgets can do a lot in increasing your page views and recent posts widgets is one among those that’s to be considered. We do not have an official recent posts widget in blogger (like popular posts widget), but we do have third-party recent posts widgets that looks good. We can also add it to our directly and easily.
So today I'll share 3 different recent posts widgets. All of the three will serving the same purpose in different styles. The first one will only have just posts titles i.e, it’ll display recent posts as a short list and the second one will a have a short summary of the post along with the title. And the third one will be like our popular posts widget that blogger provides us in default. It’ll be having thumbnails, titles and summary of your most recent posts. So let’s see how to add them.

Recent Posts with just Titles

This is the most simple of all. Somehow this is my favourite of all, don’t know why, may be the simplicity

• Firstly, navigate to Blogger Dashboard > Layout > Add a gadget > Add HTML/JavaScript
• Now simple copy the below code and paste it inside the window appearing and click save.

<link href="https://dl.dropboxusercontent.com/u/137869302/style.css" type="text/css" rel="stylesheet" />
<script src="https://dl.dropboxusercontent.com/u/137869302/json.js"></script>
<script type='text/javascript'>
var numposts = 5 var showpostthumbnails = false;
var displaymore = false;
var displayseparator = true;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;</script>
  <script type="text/javascript" src=http://www.bloggslab.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=labelthumbs></script>

NOTE : don't forgot to replace http://www.bloggslab.com with your blog url.

Recent Post with Title and Summary

This one will have a short summary of the post along with their titles. This is more recommended than the above because a summary will let your readers know what exactly what the post is about.

• First of all goto Blogger Dashboard > Layout > Add a gadget > Add HTML/JavaScript
• Now simple copy the below code and paste it inside the window appearing and click save.

<link href="https://dl.dropboxusercontent.com/u/137869302/style.css" type="text/css" rel="stylesheet" />
<script src="https://dl.dropboxusercontent.com/u/137869302/json.js"></script>
  <script type='text/javascript'>
var numposts = 5;
var showpostthumbnails =  false;
var displaymore = false;
var displayseparator = true;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 100;</script>
  <script type="text/javascript" src=http://www.bloggslab.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=labelthumbs></script>

NOTE : don't forgot to replace http://www.bloggslab.com with your blog url.

Recent Post with Thumbnail, Titles and Summary

Most recommended of all, because a thumbnail of you post can speak a lot. This one will an image that’s associated with your (that’s what we call thumbnail ) post along with the title and summary.

• Just go to Blogger Dashboard > Layout. Now click on Add a gadget > Add HTML/JavaScript
• Now simple copy the below code and paste it inside the window appearing and click save.

<link href="https://dl.dropboxusercontent.com/u/137869302/style.css" type="text/css" rel="stylesheet" />
<script src="https://dl.dropboxusercontent.com/u/137869302/json.js"></script>

  <script type='text/javascript'>
var numposts = 5; var showpostthumbnails = true;
var displaymore = false;
var displayseparator = true;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 100;</script>
  <script type="text/javascript" src=http://www.bloggslab.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=labelthumbs></script>

NOTE : don't forgot to replace http://www.bloggslab.com with your blog url.

MORE CUSTOMIZATIONS

You can show up to 10 recent posts. By default I've kept it to 5 posts. You can change it to your wish by changing the value 5 in var numposts = 5
You can also customize the number of characters papering in the summary by changing the value of 100 in var numchars = 100

---

Hope you added the recent posts widget easily to your blog. Now check at your blog see it working perfectly.