A Flame Spreading Tips & Tricks

Simple Recent Posts Widget For Blogger

1 114

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
Recent posts widget blogger

Follow Below Steps to Add Recent Post Wigdet:
  1. Go to Layout and click on ‘Add a gadget’ from the sidebar.
  2. Add ‘HTML/JavaScript’ Widget from the pop-up screen.
  3. 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: 

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&amp;alt=json-in-script&amp;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!


1 Comment
  1. farid says

    very nice

Leave A Reply

Your email address will not be published.