Simple Recent Posts Widget For Blogger

To get more impressions on your blogspot blog, you should put a Simple Recent Posts Widget in its sidebar. It will show your recent blog posts to visitors in a simple and attractive theme. Today, i am going to show you how to add a simple recent post widget to blogger blog.

Thinks you can do with this widget:

Show post titles only
Display Post dates
Change number of posts
Change number of characters of posts to be shown

Follow Below Steps to Add Recent Post Wigdet:

Go to Layout and click on ‘Add a gadget’ from the sidebar.
Add ‘HTML/JavaScript’ Widget from the pop-up screen.
Add the Below Code to it:

Option 1: Add Recent Posts Widget With Post Titles only

<div id=”hlrpsb”><script style=”text/javascript” src=”http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js”></script><script style=”text/javascript”>var numposts = 7;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src=”/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts”></script></div><a style=”font-size: 9px; color: #CECECE; float: right; margin: 5px;” href=”” rel=”nofollow” >Recent Posts Widget</a>
<noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript><style type=text/css> #hlrpsb a {color: #0B3861; font-size: 13px;} #rpdr, #rpdr a {color:#808080;}.bbrecpost2 {padding-top:6px;padding-bottom:6px;border-bottom: 1px #cccccc dotted; }</style>

Also read: How to add meta keywords, description to your blog

Option 2: Add Recent Posts Widget Along With Snippets:

<div id=”hlrpsa”><script src=”http://helplogger.googlecode.com/svn/trunk/recent-posts-with-snippets.js”></script><script>var numposts = 5;var showpostdate = false;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script src=”/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts”></script></div><a style=”font-size: 9px; color: #CECECE; float: right; margin: 5px;” href=”http://helplogger.blogspot.com/2012/04/simple-related-posts-widget-for-blogger.html” rel=”nofollow” >Recent Posts Widget</a><noscript>Your browser does not support JavaScript!</noscript><style type=”text/css”>#hlrpsa a {color: #0B3861; font-size: 13px;} #rpdr, #rpdr a {color:#808080;}#hlrpsa { color: #999999; font-size: 11px; border-bottom:1px #cccccc dotted; margin-top:-10px; padding-bottom:10px;}.hlrps a {font-weight:bold; }.hlrpssumm {}</style>

4. Customize the Widget:

Change 5 or 10 with he number of posts to be shown.
Change false or true to customize posts date, posts summary, post characters to be shown.
Add your blog address in place of ““.

5. Save the Widget and Enjoy!