Recent Posts Widget With Thumbnail For Blogger

Instead of adding popular posts widget in our blog sidebar, we have another one great widget i.e Recent Posts Widget. This widget helps to tell our readers about our latest posts. This widget comes with a very nifty look which shows latest posts with thumbnail that helps to increase your blog page views and hence reduce blog bounce rate. We all know that traffic is very important for success of a blog and this gadget really helps to increase blog traffic. If your reader reading your old posts that you publish in older days then it will be a good idea to highlight your latest posts that you have publish recently in your blog. It will surely encourage them to read those posts also. So, let see how to add recent posts widget in blogger blog.

Add Recent Posts Widget To Blogger

1. Go to Blogger > Layout


2. Click on Add a Gadget


3. Choose HTML/JavaScript and paste the below code in it.




<style type='text/css'>
img.recent_thumb {padding:0px;width:55px;height:55px;border:0;
float:left;margin:12px;}
.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://Road2-Blogger.Blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>



4. Save the gadget.
5. Done!

Overview

Once you save the gadget visit your blog. The recent posts with thumbnail gadget will look like this.

Customization:

1. To change number of recent posts this gadget show in your blog simply change this value.
var numposts = 5;
2. Change the highlighted URL with your blog URL.

More Interesting Gadgets

You may also be interested to add some more interesting gadgets into your blog. Below gadgets will help to add more functionality into your blog. Take a look!

• Google Plus Pop Up Lightbox Widget
• Stylish Related Posts With Thumbnail
• Customized Stylish Popular Posts Widget With Round Thumbnail

Share on Facebook Share on Twitter Share on Google Plus

About Unknown