Javascript code for recent posts widget with thumbnails in blogger

Here is the JavaScript code for recent posts widget with thumbnails in blogger. Many blogspot users want to display their recent posts in their blog with a beautiful thumbnail as it looks good to the visitors. Have a look at the preview of this widget at the right side of the post.

This widget is very flexible where you can change the number of posts, thumbnail photo size, widget width, font size, color of the post heading and more..  This is the simple widget for blogger and easy to install.

Steps to install this widget:

• Sign into your Blogger dashboard
• Go to Settings > Site Feed > Allow Blog Feeds > select Full and save
  
• Go to Layout > Add a gadget > HTML/JavaScript
• Now Go to JavaScript Page, Select all text (Ctrl+A) copy and paste in new notpad in your computer

Abbreviation list in the JavaScript Page (Change as per your requirement, or you can leave it as it default, but change the home_page compulsary):-

boxwidth= Width of the widget

cellspacing = Space between cells (Dont change this, default will be good)

borderColor = Border color of the widget

thumbwidth= Width of the image thumbnail

thumbheight = Height of the image thumbnail

fntsize = Font size of the post title

acolor = Color of the post title

aBold = if you want bold titles true otherwise false

numposts = Number of posts you want to display in widget

home_page = Remove http://yourblog.blogspot.com/ and write your blog address

• Edit as per your requirement in notepad, then Copy Paste the whole code into HTML/JavaScript window and save it, That’s all..
• If you have still any doubts, ask via comments..