Blog Success Plan: Explore True Meaning of Blogger, Traffic Strategies & Online Monetization

A few days ago, I posted a tutorial on How to Add a Simple Recent Posts Widget that shows a list with the most recent posts if you would prefer a more minimalist look. In this post, you will see a different way of displaying the Recent Posts on Blogger - this is specially for those who want to show more info like the recent posts excerpt / summary and the posts thumbnails. To add this gadget is very simple, just follow these steps below: How to Add the Recent Posts Widget to Blogger Step 1. From your Blogger Dashboard, go to Layout > click on Add a Gadget link Step 2. From the pop-up window, scroll down and choose HTML/JavaScript Step 3. Inside the empty box, add the following code: <div class="eggTray"> <script src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list", "pipe_params":{"URL":" YOUR-BLOG /feeds/posts/d...

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 See the screenshot below: How to add Recent Posts Widget to Blogger Step 1. Log in to your Blogger Dashboard, then go to Layout and click on Add a Gadget link Step 2. From the pop-up window, scroll down and choose HTML/JavaScript Step 3. Select & Copy the code from one of the options below and paste it into the new HTML/JavaScript: Option 1: Recent posts widget with snippets <div id="hlrpsa"> <script src="http://helplogger.googlecode.com/svn/trunk/recent-posts-...