Sunday, July 21, 2013

Recent Posts Widget With Thumbnails For Blogger

Author: Gagan Masoun
Recent Posts WidgetBloggers has official popular posts widget for your blog sidebar, you can also add "Recent Posts Widget". Show your new posts with thumbnails to your readers. It will help your to increase your blog page views and reduce blog bounce rate. You will 100% benefit from this widget because if visitors reading your previous articles that you publish in older days then it will be a wonderful way to highlight your recently published posts. So, let see how to add recent posts widget in blogger blog.

Add Recent Posts Widget To Blogger

  • Go to Blogger Dashboard >> Layout
  • Click on Add a Gadget
  • Choose HTML/JavaScript and Paste The Below Code In It.
<style type='text/css'>
img.recent_thumb {padding:1px;width:55px;height:55px;border:0;
float:left;margin:10px;}
.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='https://blogsdaddy.googlecode.com/files/recent%20post.js'></script>
<script style='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 src='http://www.blogsdaddy.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>

After Installation

After installation of this widget visit your blog. It will look like this.

Recent Posts Widget With Thumbnails

Customization:

1.To change number of recent posts you want to show in your blog simply change this value.
var numposts = 5;

2.Replace the highlighted (Red Color) URL with your own blog URL.

You May Like To Read

We have shared so many amazing gadgets previously on our blog. I am going to share some popular posts with your. These will help to add more functionality into your blog. Take a look!
If you need our help regarding this tutorial then ask us via comments below. We will come with more new widgets and tutorials. Keep in touch with us. Stay Blessed :)

0 comments:

Post a Comment