Today we are discussing about how to add Beautiful Recent Posts Widget with Thumbnails to your Blogger Blog. ThisRecent Posts Widget helps your visitors to find your recent posts quickly. Displaying small thumbnail images with post titles in the recent post widget on your Blogger blogs could be the right fix. This not only looks nice, but also visitors to click on your posts. This widget shows the Title of Post, post summaries, thumbnail of post. This Recent Posts widget will give more attraction to your blog and catch the visitors easily.
How to add Recent Posts Widget to Blogger
Click on Add a Gadget
Choose HTML/JavaScript and paste the below code in it.
<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://recent-post-techkgp.googlecode.com/files/recent%20post_www.techkgp.com.js'></script>
<script style='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = true;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 100;</script>
<script src='http://www.simplesoftwares4u.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
Customization
Change numposts = 5 to Show number of Recent posts with thumbnails
Change numchars = 100 to number of characters to show in summary of recent posts
Change true to false to activate or deactivate any feature of this widget
Save your widget.
That’s all
Enjoy………..
No comments:
Post a Comment