Simple Recent Post Widget for Blogger without Thumbnail and Post Title only

Simple Recent Post Widget for Blogger without Thumbnail and Post Title only

Blogger blogging Platform actually does have a built-in Feature to show recent posts But lets do with manually adding HTML/JAVAScript Recent post widget to your blogger blog, but how?

Here is the Solution:

Recent Post Widget

Step 1:- Login to you Blogger Dashboard
Step 2:- Go to Layout and Add Gadget link anywhere you want to show recent post.
Step 3:- Now new pop up window will appear and scroll down then copy and paste below code.

 <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://blog-address.com/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://startingphaseofc.blogspot.com/2014/12/simple-recent-post-widget-for-blogger.html" 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>

 Step 4:- Customize the script.

- Change http://blog-address.com with you blog address.
- Change 10 to desired number of posts you want to display.

Step 5:- Now Save the Widget and Enjoy !