Tutorial # 44 - Recent Posts Widget with Thumbnails for Blogger/Blogspot

In the previous tutorial, Tutorial # 43 - Simple Recent Posts Widget for Blogger/Blogspot, we have learnt to create a Recent Posts Widget. 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 the post thumbnails as well.

Step 1: Go to your Blogger Dashboard > Layout, and click on "Add A Gadget" link. From the pop-up window, scroll down and choose HTML/JavaScript

Step 2: Paste the code from one of the options below in the empty box of HTML/JavaScript:


Step 3: Customization
- Replace YOUR-BLOG in line # 3 with the URL of your site/blog (ex: http://earningviablog.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 in line # 4.
- By default, this widget is set to display a maximum of 8 recent posts. To change this number, replace the number 8 in line # 4 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 in lines # 10 and 9 respectively.

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