5 Simple Recent Posts Widget for Blogger/Blogspot

Posted on the 23 April 2017 by Techtipstricks
In this tutorial I will show you how to Display stylish Recent Posts widget in blogger. This widget is very Important for a blog. Displaying latest posts in your sidebar is the most suitable place. Place your widget in such a position that it quickly catches visitor attention and go through it easily. Recent Posts widget engage your visitors to take a look at the latest posts on the blog. This widget helps to tell our readers about your latest Blog posts. This Simple Recent Posts Widget really helps to increase blog traffic. Recent Posts Widget is always helpful when it comes to increasing your page views, reducing bounce rate and converting readers into loyal readers. Thumbnails attracts your visitors to click on the post titles. This recent posts widget looks good and very simply add in your blog. So, let see the steps mentioned below how to add recent posts widget in blogger blog. 


Recent Posts Widget showing post Title 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 = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script> <script src="http://www.bloggertipstricks.net/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://www.bloggertipstricks.net/" rel="follow" >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>Customize It: 
  • Change 10 to 5 the number of posts you wan't to display
  • Change false to true date of the post you wan't to display
  • Replace http://www.bloggertipstricks.net/ with your URL
  • Save your widget