Simple Recent Posts Widget For Blogger / Blogspot / WordPress Blog

Recent Posts Widget on Sidebar is a novelty feature and most of the time recommended for letting first time visitor or even regular reader to go through recent articles published without heading on to homepage of Blog. So, here is how you can add Recent Posts Widget to your Blog.

How to Add Recent Widgets on Blogger / Blogspot

Here’s the simplest Recent Posts Widget listing recent 10 articles of your blog. Summary of the articles is optional which can be triggered ON by editing the code.

  1. Click on “Add Recent Post Widget Gadget” button, this will redirect you to Blogger “Add Elements” Page.
  2. Select the blog where Widget to be installed
  3. Edit Content and replace yoursitename from the code with your blog’s name.
  4. Hit “Add Widget” button and you are done.

Widget is configured to show recent 10 articles but it is customizable.

Other attributes which can be edited are:

  • var numposts = 10 ( where 10 is Number of Recent Posts )
  • showpostdate = false (Make it true if you want to show Date of publish)
  • showpostsummary = false (Toggle it true if you want to show Summary of article too in widget)
  • numchars = 100 (where 100 is Number of characters in Summary)

I hope the guidelines are clear and you could add the Recent Post widget easily on your Blogspot blog.

How to Add Recent Posts Widget to WordPress

WordPress has by default “Recent Posts” Widget. Just Login to WordPress Dashboard and head on to “Widgets” under Appearance. Now drag the Recent Posts widget where you want it to be displayed.


About the Author

Rohit Langde is Founder and Editor-in-chief of Blogsolute. Tech Blogger by Passion & Profession | Mechanical Engineer by Qualification | Introverted Geek by Choice

34 Enlightened Replies

Trackback  •  Comments RSS

  1. Finn's Dad says:

    Nice widget. The easy cut in paste is great, I’m sure there are other ways to do this but for those of us looking for the quick and easy fix it’s great.

  2. Finn's Dad says:

    Nice widget. The easy cut in paste is great, I’m sure there are other ways to do this but for those of us looking for the quick and easy fix it’s great.

  3. Rohit says:

    Thanks Finn’s dad for your comment.
    Copy-pasting just becomes bit easy for new bloggers so, I did it.

    Keep visiting!

  4. coolaery says:

    thanx man … …greatly affected my blog…. looks wonderful.

    Can you tell me about label tag. plz help

  5. admin says:

    @ Coolaery
    I visited your blog, Recent post widget is working fine but I couldn’t understand your problem. What exactly do you want?

  6. coolaery says:

    sir, i mean label cloud.

    how to make it .

    I am using one, but that looks terrible.

  7. MyEyeIsOnYou says:

    Can’t wait to try some

  8. Rohit says:

    @ Coolaery
    The label cloud is you are using is not looking terrible as you think. That’s what we call as a “cloud”. You just try to remove the numberings after the labels in cloud.
    Or you can use this free service to create RSScloud

  9. Rohit says:

    One more thing, to remove numberings of labels- click here
    And plz don’t call me “sir”.. Ok?

  10. Sreek says:

    Hello,Thanks for the wideget, i need a recent postings(of my blog) code which should work on yahoo group HTML.

    plz let me know ASAP…

  11. ni3tiger says:


  12. Rohit says:

    Hi Ni3tiger,
    Thanks for your wonderful comment. It will be my pleasure to help you. Keep Visiting.

  13. Ankit says:

    Thanks for all your gr8 posts.

    I just want to ask, can I add Older post link at the end of posts (Home page), its very difficult for visitors to read my previous day posts.

  14. yashu says:

    hi sir,this did nt work with my blog..can u please help me

  15. oligog says:

    This almost works. I set ‘numposts’ to 100 and I see 25 listed… It would also be nice to add bullets and remove the spaces between entries. There are so many people looking for this type of solution it seems kind of strange that blogger doesn’t just offer a gadget for it. Thanks for sharing your work!

  16. This is the simplest and easiest way to add a Recent Posts/Recent Articles widget in your blog. Unlike other blogs, the tutorial here uses the standard Blogger Feed widget to make the Recent Posts/Recent Articles widget. And I am 100% sure your Recent Posts/Recent Articles widget will work.

    Thanks! ^_^

  17. Lexx2gee says:


    I have added the code and the widget and the title is showing up but my recent posts are not being pulled in. Any ideas?



  18. Hemang Rami says:

    hi i am hemang rami from india i recently i have added this script on my blog but it’s not working please suggest me some idea email me on hemangramiseo[at]gmail[dot]com

    • Rohit says:

      @Hemang Rami, I would again say same thing to you that the code is correct and don’t for get to write URL of your blog while pasting the code.

  19. kelvin says:

    thanks alot.. i have using your code provide inside my blog..

  20. Etesetync says:

    now horizon casino stateline nv .sometime .Well .minsk princess casino when Cool stuff – harrington casino casino royale theme take us If river rock and casino hollywood park casino poker tournament about joyland casino bonus code plaza hotel casino hotels near fallsview casino You search here coupons tulalip casino .

  21. Csabi says:

    Hi, I have created a similar widget, but with lots of customizable parts, and you don`t need to modify the source-code, just fill out the informations in a form and then hit the Add to my blog button

  22. Filmdizi says:

    thanks alot.. i have using your code provide inside my blog..

  23. Reporter says:

    I am using a similar js and it works too but how on earth did you get the bullets?

  24. ???????? says:

    Dear friend what can i do this hack not working my blog

  25. Momoe says:

    Question >
    @Ben Kleiner : Is there a way to reduce the distance between lines?

    Answer >
    Change your javascript url to
    Demo :

    if you dont want distance between summary n post..

    1. open javascripts file use notepad (download at
    2. find this ” and replace with ”
    3. save .js file..
    4. upload ur customize js file
    5. paste change ur javascript url in your widget
    6. done. n happy!

  26. it appears that you’ve put a lot of effort and working hard into your article and i want much more worth mentioning using the net lately. I sincerely became a kick out of your post. I don’t undoubtedly have much to mention in response, I only wished to comment to response wonderful work..

  27. I ought to say it is my very first time visiting your website. Now this is the kinda of stuff i like to read about. Excellent website. I just finished mine and i was looking for some ideas and you gave me a few. I bookmarked your post will read this latter.

  28. shenoyjoseph says:

    hi admin the code didn’t working for me can u plz tell me the procedure

Post a Reply

Your email address will not be published. Required fields are marked *