Recent post widget for blogger with thumbnails - is most important part of blogger. Every blogger must set the widget for his/her blog. Before some days i shared another tutorial for recent post widget and that was: Awesome Animated recent post widget for Blogger.
Today i am gonna to share a simple recent post widget without animation some of friends request. Before start the tutorial see the simple recent post widget:
 |
| Results |
Step1: Add a new gadget "HTML/Javascript" and past the below code on this gadget and Save it.
<style type='text/css'>
img.recent_thumb {padding:1px;width:75px;height:75px;border:1px solid silver;border-radius:50%;float:left;margin:5px;}
.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://yourjavascript.com/31759551731/simple-recent-post-by-msdesign.js'></script>
<script style='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = false;
var numchars = 100;</script>
<script src='http://msdesign92.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>Note: "msdesign92.blogspot.com" replace it with your blog url.
That's it. Now enjoy the simple recent post widget and keep sharing our post with your friends. Thanks....