Recent Post Widget For Blogger With Thumbnails: How to Add Step By Step

ADSENSE CODE HERE

Recent Posts, one of the popular blogger widget and you can add cool effects with it. For e.g. you can add thumbnail, slider and
etc. In this Post i will show you how to add BlogSpot recent widget step by step. To add a widget there are simple steps by which you can add catchier headings in title of your post. In recent Widget you will be shown date of publication, comments and read more links with other functionality.



So Let’s Start:

Just Go to blogspot dashboard
And then Go for Layout > Add a Gadget > HTML/JavaScript
Just simply copy below code and a

<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='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 = true;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = true;
var numchars = 100;</script>
<script src='http://yoursite.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>


To adjust no of post simply change  var numposts = 5 and add as much as you want.
Just Replace your Site name and save it !!

Now You Are done!

1 comment:

  1. This gadget is not working anymore.

    http://discreetmagazine.blogspot.com

    ReplyDelete

2016 © Customer Care Numbers | Services Toll Free