How To Display Recent Posts In Blogger

How To Display Recent Posts In Blogger

This website is dedicated to WordPress, but it can’t stop me from helping Blogger users. I’ll post Blogger tutorials and tricks on a regular basis, but it’ll be just some basic stuff, not some high coding.

In this post, I’ll show you how to display recent posts in Blogger with various codes an options. You’ll find everything recent post trick for Blogger in this tutorial.

Recent Posts With Official Blogger Widget

First & the easiest way to display recent posts in a widget easy is by using Blogger’s original feed widget to display recent posts from the blog’s feed.

Navigate to your Dashboard > Layout > Add A Gadget > Feed Widget. Enter the feed URL of your blog and click on Continue.

Blogger Feed WidgetNow, just configure the display settings of the posts. You can set the number of posts, widget title and more settings.

Recent Posts Widget With Code

The above widget only works on the widgetized areas of your Blogger. However, here’s how you can add this widget to any part of your blog with some JavaScript.

Navigate to your Dashboard > Template > Edit HTML. Search and paste this code just above </head>:

In above code, you can change following parts of the code:

  • Number of Posts – numposts = 10;
  • Show Post Date(True or False) – showpostdate = false;
  • Show Post Summary(True or False) – showpostsummary = true;
  • Show Standard Styling(True or False) – standardstyling = true;

Now, navigate to Dashboard > Layout > Add A Gadget > HTML/JavaScript. Add following code and save the widget:

You can now add above code anywhere within your Blogger blog template.

Recent Posts With Scrollbar

This is the one widget that I use in my Blogger blog. It’s just like the above widget, but with some CSS in action!

Navigate to your Dashboard > Template > Edit HTML. Search and paste this code just above </head>:

In above code, you can change following parts of the code:

  • Number of Posts – numposts = 10;
  • Show Post Date(True or False) – showpostdate = false;
  • Show Post Summary(True or False) – showpostsummary = true;
  • Show Standard Styling(True or False) – standardstyling = true;

Now, search and add following code just above the ]]></b:skin> tag of your template:

Now, navigate to Dashboard > Layout > Add A Gadget > HTML/JavaScript. Add following code and save the widget:

You can also post above code anywhere within your blog template.

Recent Posts With Thumbnail

That’s the final type of recent posts widget that we’re going to share in this post. It displays the thumbnails of you recent posts in the right side of the widget.

Navigate to your Dashboard > Template > Edit HTML. Search and paste this code just above </head>:

In above code, you can change following parts of the code:

  • Number of Posts – numposts = 10;
  • Show Post Thumbnails(True or False) – showpostthumbnails = true;
  • Show Display More Option(True or False) – displaymore = false;
  • Show Display Separator(True or False) – displayseparator = true;
  • Show Show Comment Number(True or False) – showcommentnum = true;
  • Show Post Date(True or False) – showpostdate = false;
  • Show Post Summary(True or False) – showpostsummary = true;
  • Number of Characters in Summary – numchars = 100;

Now, search and add following code just above the ]]></b:skin> tag of your template:

Now, navigate to Dashboard > Layout > Add A Gadget > HTML/JavaScript. Add following code and save the widget:

You can also add above code anywhere in your template.

That’s it for this article! I hope you found a perfect recent posts widget for your Blogger.