Create Recent Posts Without Thumbnails

The bellow all widgets will display image thumbnails. Which will increase the load time of your blog. If you don’t want to make your blog too heavy then install this one. This a simple widget which only displays the latest article titles only.

<style type='text/css'>
img.recent_thumb {width: 90px;height: 70px;float: left;
margin-right: 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://googledrive.com/host/0BzPgmXeCwsMRSGw0WUl4blJ3NmM'></script><script style='text/javascript'>
var numposts = 5;
var showpostthumbnails = false;
var displaymore = true;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = true;
var showpostsummary = true;
var numchars = 100;</script>
<script src='/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>

How to go about creating recent post widget in blogger blog.


First of all, choose your favorite widget from above then click on view code button and copy all codes from the appearing pop-up window.
Login your blogger account
Go layout and add new gadget
Select HTML/JavaScript and paste all code here.
Save the gadget



Settings/Configuration


blogURL                 Fill with your blog URL
var numPosts            Fill with the number of articles you want to display
var showpostthumbnail   Select true if you want image thumbnail and false to        eliminate
var showpostdate        Select true if you want show date and false to eliminate
bloggertips            Please replace with the desired label, when more than two words to use % instead of spaces (only for widget # 5)

I hope your done!
You can place your comment in below the comments box.