Recent Posts Widget for Blogger

Tweet

 

In this post you will find a great Recent Posts Widget. Unlike Blogger´s own Recent Posts Widget, this useful little 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.

Here is what you can do with this widget:

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

For more information see Installation and Other Options below.

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://YourOwnBlog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script><scriqt><span style="font-size:79%;">↑ <a href="http://www.ebloggertricks.com" title="Recent Posts Widget">Get this </a><a href="http://www.ebloggertricks.com/2010/08/recent-posts-widget-for-blogger.html" title="Grab this Recent Posts Widget" target="_blank">Recent Posts Widget</a></span></scriqt><!-- Good luck! -->

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://YourOwnBlog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script><scriqt><span style="font-size:79%;">↑ <a href="http://www.ebloggertricks.com" title="Recent Posts Widget">Get this </a><a href="http://www.ebloggertricks.com/2010/08/recent-posts-widget-for-blogger.html" title="Grab this Recent Posts Widget" target="_blank">Recent Posts Widget</a></span></scriqt><!-- Good luck! -->

Installation

1. Go to your Blogger Dashboard --> Design --> 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 green below) with your own blog address:

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

For self-hosted blogs:

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

4. Add a title.

5. 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).

Recommended setting for Option A: 5 to 10.
Recommended setting for Option B: 5 to 20.

… var numposts = 5;var…

How to change the Number of Characters (Excerpt)

This widget is set to display an excerpt of the first100 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 120.

… numchars = 100;var…

How to Show the 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 all! Please let me know what you think of this widget by leaving a comment below.

Good luck!

 

Related article:

How to Add a Recent Posts Feed to a Blogger Blog