How to Add Simple Recent Post Widget to Blog/Blogspot

The main advantage on this Recent Posts widget is that it will show not only post titles but also post excerpts or snippets and it's easy to customize/ apply different style on it. To style it into your own design, you just have to modify the CSS style - you can change the link or background color, the size and color of text/links.

What you can do with this widget:

• display post titles only
• change the number of posts
• change the number of characters of the post snippet/excerpt
• show the post dates                                                                                    

How to add Recent Posts Widget to Blogger  

1.Go to Blogger Dashboard > Layout
2.Click on Add a Gadget
3.Select HTML/JavaScript

Now Paste below code inside it,

Option 1: Recent posts widget with snippets

Option 2: Recent Posts Widget Showing Post Titles Only

Step 4.

• Change 5 (option 1) and 10 (option 2) with the number of posts you want to display. 
• Change false to true if you want the posts dates to appear 
• Change 100 (option 1) if you want more characters to be displayed.
• To change the color and font size of the links, modify the values in blue (links) and violet (font-size)
• To change the style of posts summary, modify the values in green (color) and orange (font size)
• Replace the your-blog text with the name of your blog or if you have a custom domain change all the bolded line with your address like in this example:

Step 5. Save your widget. And that's it! 

Enjoy!If you need any help, leave a comment below.

And if you liked this post, please consider sharing it. Thanks.

 

Don't Miss These Killer Articles on Facebook:

1.How to Add Facebook Plugins Like Box To Blogger?

2.Easy Trick to enlarge locked profile picture ?

3.How to Add Scrolling Recent Posts Widget For Blogger?

How to Add Simple Recent Post Widget to Blog/Blogspot
9out of 10 based on 10 ratings. 9 user reviews.