"Keep learning ~~ keep smiling ~~ keep sharing"     

Tuesday, February 9, 2010

Add Recent Posts (Advanced) Widget to Blogger Blog

Whoa! I'm so delighted to have discovered this awesome Recent Post (Advanced) gadget a couple of days ago. A big thank you to Aneesh of Blogger Widgets for his fantastic invention and generosity!

I stumbled upon it while preparing my previous article on How to add gadgets in Blogger blogspot where I played around with the various gadgets available for us in Blogger's Add a Gadget library. Here's another example why I simply love sharing my knowledge and in the process, gaining more! When I give, I receive abundantly's an endless joyous circle of giving and receiving. Praise God!

For a long time, I had wanted thumbnails of my recent posts to appear at the sidebar but getting them there manually the only way I knew how, would entail too much effort and a constant update which will drain me out. Thus, you can guess how very excited I was when I stumbled upon the Recent Posts with thumbnails gadget, just waiting to be 'picked'. Of course, I installed it straightaway! I find showing recent posts with thumbnails most appealing and this is one interesting and engaging way to announce to your readers what's available inside your blog.

And, knowing that Cheah of No-frills Recipes would definitely love to have this widget installed at her blog too, I might as well share the tutorial here for my lovely friend and others who may be interested too.

How to add Recent Posts (Advanced) widget
  1. Log in to your Blogger account which will lead you to Dashboard. Click Layout and on the Page Elements page, click Add a Gadget link from the sidebar section.

  2. A window opens to display the various gadgets. In the search for gadgets box at top right, type in the keywords, recent posts. The search results will show 3 gadgets. Choose the gadget with the thumbnail, 'Recent Posts (Advanced)' and click the plus sign beside it as shown in the picture below.

    Screen shot of Bloggger Add a Gadget window to search for the recent posts gadgets

  3. The Configure Gadget window opens for you to choose the various options available. The Recent Posts (advanced) widget features the following:

    Screen shot of the Configure Gadget window for the Recent Posts (advanced) widget
    - Title (can be changed to whatever you wish)
    - Height
    - Blog URL (change to any Blogger blog's address whose posts you want displayed, including your own)
    - Number of posts to display (limited to 25?)
    - Display post thumbnails
    - Display post summaries
    - Summary length (necessary if opted to display summaries)
    - Display post date
    - Display the number of comments
    - Display the Read more link
    - Display a separator between the posts.

    You can configure the gadget to display the features anyhow you wish. After you've configured, just click anywhere inside the window and it will update instantaneously your changes in the Preview section. If you're satisfied with the display, click Save to exit window.

    An illustration is appended below to show 2 different display, following the selections I've chosen as examples.

    Screen shot to illustrate 2 different display of the Recent Posts (advanced) widget

  4. Back to the Page Elements page, you can now reposition the Recent Posts gadget - just click on it, hold down the click to drag it and release click to drop where you want. Click Save and View Blog. That's it! You're done!
Keep learning...keep sharing...keep smiling!

Important Update - Sept 10 2010
The Recent Posts Gadget with Thumbnails has been recently updated! If you've installed the older version, check it out at Aneesh's post for further instructions on how to reconfigure the settings.


  1. Hi Jacqueline, very interesting. Must check it out.
    I too love to fool around check out whatever, its fun, as well keep the grey matter active, ha ha.
    You have a pleasant week, best regards, Lee.

  2. Thank you so much for enligtening me to put this up in my blog. Really appreciate your generosity in sharing!

  3. Lee - haha...well said...keep learning, have fun and don't allow 'dementia' to outpace us!
    You have a wonderful week too!

    Cheah - my pleasure, dear friend! You're an interested learner and I love teaching you!

  4. Hi,

    I just noticed that the thumbnail is still the same everywhere in my blog.

    Even worse, the thumbnail is showing deleted posts... terrible..

    I tried to remove and re install but still showing old thumbnail.


  5. HI,

    have you solved your thumbnail problem with linkwithin widget? I have the same problem to.

    I you know how, please let me know.


  6. Hi Putera Bongsu,
    It appears that your thumbnail problem is related with the LinkWithin widget and not with this article's post on Recent Posts thumbnails at the sidebar.
    I'd advise you to contact LinkWithin to rectify your problem...I've found the team to be very helpful before!
    Anyway, I've gone to your blog and noticed that most of your posts displayed the same image, that is, your signature, right? Hence, resulting in the repetitive images in your LinkWithin thumbnails, I think!

  7. Yes, you are right. Now, i created a new blog and get new ID. Unless I get a new ID, the thumbnail will be the same. So, I solved the issue.

    What happened was, initially, I just set my blog first. Without no image, unfortunately Linkwithin grabs the signature image. Then the image was forever even if I update the post and put some images.


  8. Delighted to know that you've resolved the issue!
    Have a nice day!

  9. Thank you so much for this post. I was able to use it in my blog. You're such a great help.

  10. i text is getting below the image... how can i make it go right or left.

  11. Hi Apie,
    Just edit the gadget where you can configure the settings ...scroll down to 'Extra Styling' and make your selection where 4 options are available. Then click 'Update' to preview and 'Save' to exit.

  12. hi Jacqs: How do I modify this further to just have only thumbnails without text ? I just saw this recently on a blog , and it looks neat :-) Currently, I have customised this with thumbnail + post text.

  13. Hi Kalyani! Yes, I've seen that too and have always wondered how that was done. Thanks for asking as it gave me the incentive to experiment all the options available and finally pleased with the result... check it out at my other blog @

    To display only the thumbnails, without any text, do the following changes at the Configure Gadget window:
    1. Type the number 0 for Maximum Length of the Post Title and Summary Length.
    2. Select Thumbnail Only for Snippet Style.
    3. Select None for Post Meta Style.
    4. Leave empty, the field for Border Colour.

    Then click Update to preview and Save. That's it.

  14. Jacqueline
    Thanks so much. I've changed my Recent Posts to just Thumbnails only, using your instructions to Kalyani. The page loooks neat.

  15. You're most welcome, Cheah! It'll look even more cool if you have the thumbnails displayed horizontally (i.e. span across a single broad sidebar like the width for 'About Me' above). :)


Welcome! Kindly leave your comments which are very much appreciated with a thankful heart.

Custom Search