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.

Click Here to Leave a Comment Below 34 comments
Finn's Dad - January 9, 2008

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.

Reply
Finn's Dad - January 9, 2008

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.

Reply
    Ben Kleiner - March 14, 2009

    @Finn’s Dad, Hey Rohit; Is there a way to reduce the distance between lines?
    Thank you

    Reply
      Rohit Langde - March 14, 2009

      @Ben Kleiner, It depends upon the template you are using.
      Default spacing is standard. You may visit demo at http://musicalblast.blogspot.com/

      Reply
Rohit - January 10, 2008

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

Keep visiting!

Reply
coolaery - January 13, 2008

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

Can you tell me about label tag. plz help

http://www.coolaery.co.nr

Reply
Rohit Langde - January 14, 2008

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

Reply
coolaery - February 22, 2008

sir, i mean label cloud.

how to make it .

I am using one, but that looks terrible.

Reply
MyEyeIsOnYou - February 22, 2008

Can’t wait to try some

Reply
Rohit Langde - February 22, 2008

@ 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

Reply
Rohit Langde - February 22, 2008

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

Reply
Sreek - March 26, 2008

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…

Reply
ni3tiger - June 30, 2008

SIR, I AM REGULAR VISITOR OF YOUR BLOG. PEOPLE CALLED ME “COPY-PASTER”. I WAS LOOKING FOR RECENT POST WIDGET,MANY SITE THAT I FOUND WAS GIVING DIFFICULT WAY TO ACCESS IT & MY SEARCH END HERE. THANK YOU .
I HOPE U WILL HELP THIS “COPY-PASTER” IN FUTURE .

Reply
Rohit - June 30, 2008

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

Reply
Ankit - August 14, 2008

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.

Reply
yashu - September 7, 2008

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

Reply
oligog - February 19, 2009

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!

Reply
BloggerTinker - March 9, 2009

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! ^_^

Reply
Lexx2gee - March 11, 2009

Hi,

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?

Thanks

Lexx2gee

Reply
    Rohit Langde - March 11, 2009

    @Lexx2gee, Code seems to be correct. Did you change yoursitename to you blog URL in the code before pasting it?
    Look for the demo at http://musicalblast.blogspot.com/ Its working fine and fully customizable.
    Hope it works now.

    Reply
Hemang Rami - May 1, 2009

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

Reply
    Rohit Langde - May 2, 2009

    @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.

    Reply
kelvin - June 11, 2009

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

Reply
Etesetync - August 2, 2009

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 .

Reply
jayadrathsingh - April 20, 2010

hey check out my vertical scrolling recent post widget out here http://jdstechtips.blogspot.com/2010/04/scrolling-recent-post-widget-for.html

Reply
Csabi - July 24, 2010

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 http://www.codingmix.com/2010/07/recent-comments-widget-for-blogger.html

Reply
Filmdizi - July 25, 2010

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

Reply
Reporter - August 13, 2010

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

Reply
???????? - October 6, 2010

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

Reply
Momoe - October 12, 2010

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

Answer >
Change your javascript url to http://miemoe.googlecode.com/files/recentposts.js
Demo : http://www.miemoe.com

if you dont want distance between summary n post..

1. open javascripts file use notepad (download at http://miemoe.googlecode.com/files/recentposts.js)
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!

Reply
pelangi casino online - December 17, 2010

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..

Reply
corporate photographer - December 25, 2010

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.

Reply
shenoyjoseph - January 13, 2011

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

Reply

Leave a Reply: