Simple Recent Post Widget For Blogger With Thumbnails

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.

• View Result

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....

Tags

HTML tutorial Widget

Zorex Zira

I'm A Web Designer And Developer, Stay Connect with us. facebook twitter instagram youtube external-link

Related Posts