6 Stylish Recent Post Widgets Design for Blogger

Recent posts widget is a widget which shows a collection of the recently published articles in a blog sidebar. We can add this widget in different ways such as recent posts with thumbnails, a simple display, gallery display and many more. This widget has many benefits for a blog, but especially helps your blog’s regular readers, as they can easily find the latest posts on your blog.  It will also help to increase the blog’s page views and visitors will spend more time on your blog. Therefore it helps to reduce the blog’s bounce rate. And we know the bounce rate is an important factor in the SEO point of view. Speaking about SEO, SirLinksalot can help you with increasing traffic to your website.

Recent posts widget is not available in blogger by default – you need to add it through a third party coding, but since not every blogger knows programming languages like CSS, HTML, JavaScript, we have good news! In this post, I  am going to share with you a collection of recent posts widgets and you don’t need to write a single piece of code.

6 Stylish recent post widgets designs for blogger


1. Recent posts with page navigation

View Code

This very amazing widget and beautiful design. It will display the latest post with image thumbnails in your blog’s sidebar. I suggest you to install the widget on your blogger blog because it will allow visitors to see the wide list of latest posts with the help of its page navigation and also has responsive and SEO friendly design

2. Slider Recent Post

View Code

This very cool and stylish widget which will increase your blog look. This widget will collect your latest posts and it will show as a slideshow. Which will attract the visitor’s attention and you will notice the increasing your blog page views dramatically. For better result, I will suggest you install this widget just below the header.

3. Gallery Recent Post

View Code

Do you want to create a gallery in your blog? Then install this widget, which will create a beautiful gallery in your blog sidebar from recently published posts with attractive CSS effects. With the help of this can get the visitors attention and your blog will get more pageviews.

4. Recent posts without thumbnails

View Code

The above all widgets will display image thumbnails. Which will increase the load time of your blog. If you don’t want to make your blog too heavy then install this one. This a simple widget which only displays the latest article titles only.

5. Recent posts widget by label

View Code

The above all widgets show all latest posts in the blog. If you want to display the particular label posts in your blog sidebar then add the below code on your blog.

Colorful latest posts widget

View Code

If you like to add a colorful latest posts widget, then install this one. This is an amazing widget which will show a collection of the latest articles in your blog sidebar with beautiful five different colors, which will attract the visitor’s attention.

How create recent post widget in blogger blog

  1. First of all, choose your favorite widget from above then click on view code button and copy all codes from the appearing pop-up window.
  2. Login your blogger account
  3. Go layout and add new gadget
  4. Select HTML/JavaScript and paste all code here.
  5. Save the gadget


  • blogURL                              Fill with your blog URL
  • var numPosts                     Fill with the number of articles you want to display
  • var showpostthumbnail   Select true if you want image thumbnail and false to eliminate
  • var showpostdate             Select true if you want show date and false to eliminate
  • bloggertips                        Please replace with the desired label, when more than two words to use % instead of spaces (only for widget # 5)

I hope that all above widgets will be working on your blog. These all widgets tested and I also provided its all demo which means that all working properly. However, you are facing any problem about the above recent widgets for blogger then place your comment in below the comments box.