Recent Posts Widget with Thumbnails for Blogger/Blogspot

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 easy, 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/default"},
"hideHeader":"false","height":"500","count": 8 }</script>
<noscript>Your browser does not support JavaScript!</noscript></div>
<style type=text/css>
.eggTray {margin:10px 0px;padding:0px;}
.ybr li  {border-bottom:0px #cccccc dotted; padding:0px 0px 10px 0px!important;}
.pipesTitle {padding-top:0px;}
.pipesDescription {display:true;}
.ycdr, .ycdr a {color:#999999;}
.widget .popular-posts ul {padding-left:0;}
</style>

Note: 
- Replace YOUR-BLOG with the url of your site/blog (ex: http://helplogger.blogspot.com) and pay attention to have no forward slash symbol "/" at the end of the url
- To disable the scroll bar, remove the number 500
- By default, this widget is set to display a maximum of 8 recent posts. To change this number, replace the number 8 with the number of posts that you want to appear
- if you want only the posts titles, change true to none and "0" from padding-top:0px with 10

Step 4. Save your widget. And you're done!

iPage CRIMINAL DEFENSE ATTORNEY PALM BEACH Mortgage Bluehost SELLING A STRUCTURED SETTLEMENT ANNUITY Attomey Insurance Loans Donate your car for kids MISSISSIPPI MESOTHELIOMA LAWYER Lawyer Credit Software Fashion and Design WebHostingHub domain registration yahoo Claim Auto insurance affiliate program Attormey domain name yahoo Online Making Money Technology eCommerce sites Automobile Accident Attorney mesothelioma suit Cooking Recipes Recovery Transfer Gas/Electricity Online Classes Donate Technology Blogs DAYTON FREIGHT LINES Hosting Conference Call Coupons Student Loans Classes Rehab Treatment Politics · Car Donate Cord Blood mesothelioma survival rates Trading Degree · Futuristic Architecture Online casino Mesothelioma Law Firm Donate Car to Charity California small business administration sba Donate Car for Tax Credit STRUCTURED ANNUITY SETTLEMENT ANNUITY SETTLEMENT NUNAVUT CULTURE structured settlement annuity companies Donate your car Sacramento · World Trade Center Footage structured settlement buyer mesothelioma attorneys california structured settlements annuities Digital Photography