Hello friends and welcome to TrickyBlogger, This my first widget on this blog and I'm very happy to present it to you. Today I brought to you a very Interesting widget for Blogger platform, "Recent Post" widget. This is one of the basic and most used widgets, This widget will help your visitors find your recently published articles.
Advantages of this widget
- Shows Recently Published Articles
- Shows brief Article summary
- Shows Thumbnails
- Fast Loading
How to Install it on Your Blog
Installing this widget is very simple and does not require any special skills. Just follow the steps given below:
- Log in to Blogger
- Go to Layout -> Add a Gadget
- Choose HTML/Javascript
- Copy Paste the code given below:
<style type='text/css'>
img.recent_thumb {padding:0px;width:55px;height:55px;border:0;
float:left;margin:12px;}
.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:14px;}
ul.recent_posts_with_thumbs li {padding-bottom:0px;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://www.webaholic.co.in/other/recent-posts-widget-with-images.js'></script>
<script style='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 95;</script>
<script src='http://www.the-area51.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
- Replace the Highlighted text with Your Blog Address.
- Save widget.
To change the number of posts to display change 'var numposts = 5'.
So you're done adding the widget to your blog. I hope you like this widget, Please share it with your friends and leave comments below.
0 comments:
Post a Comment