Create a Simple Recent Posts Gadget/Widget for Blogger

{tocify} $title={Table of Contents}

What is a Recent Posts Gadget

A Recent Posts Gadget (or widget) is a small piece of code that displays a list of a blog's most recent posts on the blog's sidebar, footer, or other areas. It's a common feature found on many blogs, and its purpose is to display the latest content or articles published on the blog.

Create a Simple Recent Posts Gadget/Widget for Blogger

Why is it Important

A Recent Posts Gadget is really important for a few reasons:

  1. Encourages Engagement: When you show recent posts, it gets readers interested in checking out more of what the blog has to offer, which means more engagement and page views.
  2. Improves Navigation: This widget makes it super easy for readers to find and access the latest posts, helping them move around the blog without any hassle.
  3. Enhances User Experience: It gives readers a convenient way to keep up with the newest content, making their overall experience on the blog much better.
  4. Supports SEO: By showing fresh content and boosting internal links, a Recent Posts Gadget can also help improve the blog's search engine rankings.

How to Create a Simple Recent Posts Gadget for Blogger

  1. Go to blogger.com then click on Layout
  2. Click Add a Gadget and find Feed

Create a Simple Recent Posts Gadget/Widget for Blogger

In the Feed gadget, add your Feed URL:

YOURBLOGNAME.blogspot.com/feeds/posts/default

Create a Simple Recent Posts Gadget/Widget for Blogger

Customize the rest to your preference.

How to Increase the Spacing between Links/URLs of Recent Posts

The ID for the Feed gadget will vary depending on how many Feed gadgets you have added to your blog. For instance, if you have only one Feed gadget, it will be #Feed1_feedItemListDisplay. If you have multiple Feed gadgets and the Recent Post gadget is the second one, its ID might be #Feed2_feedItemListDisplay.

On this blog there is only 1 Feed gadget therefore the ID is Feed1. Add the below code to your CSS.

#Feed1_feedItemListDisplay ul li {
    margin-bottom: 10px; /* Adjust this value to increase or decrease spacing */
}
  • Go to Theme, click on Customize
  • Under Advanced, select Add CSS
  • Paste the CSS code above and Save

Create a Simple Recent Posts Gadget for Blogger

Read also:

How to Delete Unused Pictures from Blogger

Add Blogs from Any Platform to Blogger Reading List

How to Create a Simple HTML Sitemap

Please remember that your comments are your own responsibility. I encourage respectful and constructive discussions. I welcome feedback, including criticism and corrections, and I reserve the right to moderate or remove any comments that are deemed inappropriate, offensive, or spammy.

Post a Comment (0)
Previous Post Next Post