Recent Posts Widget for Blogger (v2)

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.

What you can do with this widget:

• you change the number of posts
• you can change the number of characters of the post summary (excerpt), or
• you can display post titles only
• show the post dates

See Installation and Other Options below.

Screenshot: Option A and Option B

Get Code

Option A

(With post excerpts)

<script style="text/javascript" src="http://www.presssalad.com/filecab/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><scriqt><span style="font-size:78%;">↑ <a href="http://www.madtomatoe.com" title="Recent Posts Widget">Get this </a><a href="http://www.madtomatoe.com/recent-posts-widget-2/" title="Grab this Recent Posts Widget" target="_blank">Recent Posts Widget</a></span></scriqt>
<!-- Happy Blogging! -->

Option B

(Displays post titles only)

<script style="text/javascript" src="http://www.presssalad.com/filecab/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><scriqt><span style="font-size:78%;">↑ <a href="http://www.madtomatoe.com" title="Recent Posts Widget">Get this </a><a href="http://www.madtomatoe.com/recent-posts-widget-2/" title="Grab this Recent Posts Widget" target="_blank">Recent Posts Widget</a></span></scriqt>
<!-- Happy Blogging! -->

Installation

1. Go to your Blogger Dashboard > your blog’s Layout > Page Element > Add a Gadget > HTML/JavaScript
2. Copy and paste the code into the new HTML/JavaScript.
3. In the code, look for the line…

…src=”http://YourOwnB1og.blogspot.com/feeds/posts/default….

…and replace the blog address (shown in color blue below) with your own blog address

…src=”http://YourOwnB1og.blogspot.com/feeds/posts/default.…

(For self-hosted blogs)…

…src=”http://www.YourOwnB1og.com/feeds/posts/default….

4. Add a title. Save.

Other Options

How to change the Number of Posts
To change the number of posts, just look for the number 5 (for Option A) in the code and replace it with the number of posts you want to be displayed. (For Option B, look for the number 10).

Recommend setting for Option A: 5 to 8.
Recommend setting for Option B: 5 to 15.

… var numposts = 5;var…

How to change the Number of Characters (Excerpt)
This widget is set to display an excerpt of 100 characters of each post. If you want to change that number, just look for the number 100 in the code and replace it with the number of characters you want to be displayed.

Recommended setting: 50 to 100.

… numchars = 100;var…

How to Show Post Date
If you want to show the post date, look for the line with the word showpostdate in the code. Then change its value from false to true (shown in color blue below).

… showpostdate = false;var…

That’s it! Please let me know what you think of this widget by leaving a comment below.

Happy Blogging! =)

Related Posts

1. Recent Posts Widget for Blogger
2. Recent Comments Widget For Blogger
3. Recent Posts Widget with Thumbnails (for Blogger)
4. Recent Comments Widget For Private Blogger Blogs
5. Headlines Widget for Blogger Blogs