How to Add Simple Recent Post Widget for Blogger Blogs

Here is a simple guide on how to add a Recent Post Widget to a blogger blog. Three steps are involved.
Step 1: Go to your Blogger dashboard. Click on Layout >> Add Widget

Step 2: Click on Add widget, then choose HTML/javascript 

 

Step 4: Copy the code below and paste in the space provided.

---

<div> <script style="text/javascript" src="http://www.ibotyle.com/recentpost.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://YOUR-BLOG-ADDRESS/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div> <div style="font-family: tahoma, sans-serif; font-size: 8px;"> <a href="http://centralbase.blogspot.com/2015/09/recent-post-widget-for-blogger-blogspot-blogs.html" Get this Recent Posts Widget Now" target="_blank">Recent Posts Widget</a> by <a href="http://www.ibotyle.com" title="Simple Recent Posts Widget">ibotyle</a></div> <noscript>Also Make sure JavaScript is enabled in your browser.</noscript> <style type=text/css> .bbrecpost2 { padding-top:6px; padding-bottom:6px; border-bottom: 1px #cccccc dotted; } </style> <noscript>Also Make sure JavaScript is enabled in your browser.</noscript> <style type=text/css> .bbrecpost2 { padding-top:6px; padding-bottom:6px; border-bottom: 1px #cccccc dotted; } </style>

Step 6: Change "YOUR-BLOG-ADDRESS" in the code to your blogger blog web URL. And Hit the save button.

That's about it...
Read: How to Create an Archive page ob Blogger Blogs

---