Recent Posts Widget for Blogger

Another Recent Posts Widget for Blogger. Unlike the first Recent Posts widget, this new widget for Blogger lets you display more than 5 recent posts on your blog. It will show not only post titles but also post excerpts or snippets.

Click here if you want a Recent Posts widget with thumbnails.

What you can do with this widget:

• you change the number of posts
• you can change the number of characters of the post snippet/excerpt, or
• you can display post titles only
• show the post dates

Option A: Recent Posts Widget with post snippets

<div id="mtrpwa">

<script style="text/javascript" src="https://sites.google.com/site/projectdigitaltomato/blogger/js/rpost-english.js"></script>

<script style="text/javascript">var numposts = 5;var showpostdate = false;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script>

<script src="http://YourOwnB1og.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>

<div style="font-family: arial, sans-serif; font-size: 9px;" id="rpdr"><a href="http://www.madtomatoe.com/recent-posts-widget-2/" title="Grab this Recent Posts Widget" target="_blank">Recent Posts Widget</a> by <a href="http://www.madtomatoe.com" title="Recent Posts Widget">Blogger Widgets</a></div><noscript>Your browser does not support JavaScript!</noscript>

<style type=text/css>

#rpdr {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKbbrsQcZvqN2hqGcVKKhkAQ7qsw8I192CDlPYrHIJUrxo82OHC4AhHT6oicUqzTqJCiPqoqELBGHMNDusc536HjK__-A56TdXHSZgm9YhoN3PjVko-6sHX48Rlh0u3TE_tHQTiM3vlNYy/s400/blgo.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}

#rpdr, #rpdr a {color:#808080;}

#mtrpwa { border-bottom:1px #cccccc dotted; margin-top:-10px; padding-bottom:10px;}

.mtrpw a {font-weight:bold; }

.mtrpwsumm {}

</style>




Option B: Recent Posts Widget showing post titles only

<div id="mtrpwb">

<script style="text/javascript" src="https://sites.google.com/site/projectdigitaltomato/blogger/js/rpost-english2.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://YourOwnB1og.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>

<div style="font-family: arial, sans-serif; font-size: 9px;" id="rpdr"><a href="http://www.madtomatoe.com/recent-posts-widget-2/" title="Grab this Recent Posts Widget" target="_blank">Recent Posts Widget</a> by <a href="http://www.madtomatoe.com" title="Recent Posts Widget">Blogger Widgets</a></div><noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>

<style type=text/css>

#rpdr {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKbbrsQcZvqN2hqGcVKKhkAQ7qsw8I192CDlPYrHIJUrxo82OHC4AhHT6oicUqzTqJCiPqoqELBGHMNDusc536HjK__-A56TdXHSZgm9YhoN3PjVko-6sHX48Rlh0u3TE_tHQTiM3vlNYy/s400/blgo.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}

#rpdr, #rpdr a {color:#808080;}

#mtrpwb { }

.bbrecpost2 {

padding-top:6px;

padding-bottom:6px;

border-bottom: 1px #cccccc dotted; }

</style>