Add simple recent post widget with thumbnails to your blogspot sites

Recent post widget for blogspot sites with thumbnails - is most important part of blogger.
Every blogger
must set the widget for his/her blog.So,I am giving you the code to add it into your blogger. Before start the tutorial see the simple recent post widget:

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://nirsoftbd.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>

Note: "nirsoftbd.blogspot.com" replace it with your blog url. That's it. Now enjoy the simple recent post widget and keep sharing our post and visit this site to get more tips and tutorials.

• Tweet
• Share
• Share
• Share
• Share