Recent Posts Widget for Blogger

The Recent Posts Widget for blogger displays recent post titles and their summaries in your sidebar. You can customize this widget to display the recent posts of any blogger blog that you like. You can customize the number of posts to display, whether or not to display a post summary and even set the size of this summary(in number of characters).

For Further enhancements, you can add your own CSS styling and improve the look and feel of the widget,

How to add the Recent Posts Widget for Blogger?

Before adding the Widget just take a look at the Widget Settings

  1. Blog URL - This should be the URL of a blogger Blog. If you are installing the Widget on the same blog then you can leave this field blank . This field is useful for those who have multiple blogs.
  2. Number of  Posts –  The number of posts to be displayed in the Widget
  3. Show post date – If you want to show the date on which the post was made, then tick this option
  4. Show summary– If you want to show  an excerpt of the post in the widget then tick this option
  5. Summary  Size – This is basically the excerpt size. Anything more than this would be chopped off.

Now that you know about the settings, just click on the below button to add the recent posts widget to  your blog

Add Recent Posts Widget

The Widget will be added to your blog and you will be taken to the Page Elements Page.

You can drag the widget to the appropriate position and save the layout

The coding of the recent posts widget for blogger was developed by Beautiful Beta and Hackospere. A Great Thank You goes to Ramani and Hans for making this awesome widget.

If you have any questions or suggestions please feel free to comment here

66 comments :

  1. cool widget!
    just might try it out. :)

    thanks for dropping by!

    ReplyDelete
  2. I do have the do-follow badge ... :)
    just scroll lower, on the ride sidebar.
    thanks for visiting!

    ReplyDelete
  3. @maiylah ok didn't notice it earlier

    ReplyDelete
  4. Thanks for visiting my blog. Do drop by again. Cheers,

    ReplyDelete
  5. Cool! I've been trying to get this added to my blog. I hope it works!

    ReplyDelete
  6. Dude in the sidebar you have a typo error !!!!!"Stumple(Stumble) OR Digg This Blog" .

    ReplyDelete
  7. @satish
    thanks bro for pointing it out..

    ReplyDelete
  8. Perhaps you can share some insight on your bookmark tags. Do you past each one below with appropriate links or do you prepare code prior to and just past to each blog...

    ReplyDelete
  9. you are welcome..!!! your site has a lot of labels..So you may give a try on the Label Cloud..

    ReplyDelete
  10. Hi Aneesh how did you do this hide/show comments in the comment section I like it.

    Godbless

    ReplyDelete
  11. This is a great widget however is there a way to disable the current post? I've put it on my sidebar on the first page.

    Thanks
    Alex
    www.vipvirtualsolutions.com.au

    ReplyDelete
  12. Nice tip, i will try for my blog.

    Thanks
    Anurag

    ReplyDelete
  13. Cool! Just what I'm looking for! Thanks!

    ReplyDelete
  14. cool... i actually have that widget on my blog... but its up tp five posts only... anyway, the top commentators aren't showing up yet...

    ReplyDelete
  15. Thanks! I use this website often for widget resources, including this one. Great work!

    ReplyDelete
  16. The number is limited by 25 (the rss feed limit)! how do you over come that?
    can you mail me pl?

    ReplyDelete
  17. Exactly what I was looking for thanks. Sometimes I get the feeling wp has some advantages..

    ReplyDelete
  18. Thank you for the Widget. Tested - works find. The solution is presented in the following blog post, with reference to this post: http://blogging4good.blogspot.com/2008/09/recent-posts-widget-on-your-blogger.html

    ReplyDelete
  19. Hello,

    I have been using your widgets and will like to say Keep it up... You're really good.

    www.soladollar.blogspot.com

    ReplyDelete
  20. great widgets..
    i've search for long for this widgets..
    thanx a lot

    ReplyDelete
  21. Thanks for this widget. This is what I am looking for. Installing it in my blog right now.

    ReplyDelete
  22. some times it displays javascript error and recent posts not display at that time

    plz help

    ReplyDelete
  23. Thanks soo much, I had been having hard time, but thanks to you, my widget is working. Thnx soo much:)

    ReplyDelete
  24. perfectly working on my blog http:// mythbhagat.blogspot.com.
    thanks alot buddy.
    mith.

    ReplyDelete
  25. Great widget.. i use it for all my blog.. thanks.. keep be blessing...

    ReplyDelete
  26. Check this Recent Post Widget with Thumbnails http://bryandel.net/feed

    ReplyDelete
  27. @Bryandel it is a good widget.. but it uses the full sized images and scales them using css.. I am currently busy with some PHP projects.. Will soon design a widget with smaller thumbnail images so that they load fast..

    ReplyDelete
  28. @Aneesh actually I already made a script that resizes images but I'm worried with my bandwidth.

    ReplyDelete
  29. @bryandel i didn't mean to say that you should store the images on your server.. Blogger comes with smaller thumbnails you can grab them from the feed..
    I will try to code it using the new Gadget API and add it to the blogger repository when i finish off my other projects..

    If you wanna try just analyse the blogger feeds.. It is more like a Media RSS with thumbnails included..

    BTW are you the original author of that script??

    ReplyDelete
  30. @Aneesh I'm not talking about disk space. It's Bandwidth. they're totally different. My thumbnailer script does on-the-fly resizing.
    I based the script with feedburner for greater compatibility rather that sticking to a specific blog such blogger or wordpress. And yes, I'm aware of media RSS.
    I'm using an open source script and tweaked it because a colleague of mine requested for this feature. I'm just sharing this widget to everyone.

    ReplyDelete
  31. I have find a quick and easy to install and customize Recent Post Widget with thumbnails. You can install it in minute with hassle-free complicated manual code installation.

    You may look at this link for more information : http://www.engadgeteer.com/2009/07/recent-posts-widget-with-thumbnails.html

    ReplyDelete
  32. Hi,

    How do i remove the bullet points dots?

    Please see http://www.travelshack.blogspot.com

    You can reach me on tmpugh@hotmail.co.uk

    Thank You
    Tina

    ReplyDelete
  33. @Tina,
    there is something like .sidebar li {
    in your template.Just after this line add
    list-style:none;

    ReplyDelete
  34. I have 3 side bars, I want to toggle 1st and 3rd sidebar closed and middle sidebar should display full page. How to make it?

    I also want my blog from blogspot to display on my website in a very little space in one of the sidebars.. Can I do that? if yes how?

    shiva

    ReplyDelete
  35. @shiva to hide or show elements you will have to use some javascript..
    and to make a column to use the full width on a page,you have to use CSS

    ReplyDelete
  36. To Aneesh,
    Thank you so much!
    Its works now,thank you and thank you!!

    ReplyDelete
  37. Thanks for this widget, I really love it. Is there anyway that the font and font color can be changed? I have tried working on this all day and can't figure it out, and would really appreciate some help on this.
    Thanks!

    ReplyDelete
  38. @Crystal,
    actually it uses the same font and color as your sidebar!
    but you can surely change colors if you want.you will have to add extra CSS style rules for that particular widget

    ReplyDelete
  39. "an error occured fetching the feed data"

    this msg shown in my "recent posts widget" and "recent comment widget " so how con i repair this problem


    Pls Help me sir !

    ReplyDelete
  40. I used this but the unordered list is not functioning well. Can you help me please? TIA

    ReplyDelete
  41. this is great one, but dear everything is in white..... there should be lil change in the font style of the post/link. can u make it bold?

    ReplyDelete
  42. Aku udah komentar di blog kamu, bales komentar aku ya

    ………………….._,,-~’’’¯¯¯’’~-,,
    ………………..,-‘’ ; ; ;_,,---,,_ ; ;’’-,…………………………….._,,,---,,_
    ……………….,’ ; ; ;,-‘ , , , , , ‘-, ; ;’-,,,,---~~’’’’’’~--,,,_…..,,-~’’ ; ; ; ;__;’-,
    ……………….| ; ; ;,’ , , , _,,-~’’ ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ¯’’~’-,,_ ,,-~’’ , , ‘, ;’,
    ……………….’, ; ; ‘-, ,-~’’ ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ;’’-, , , , , ,’ ; |
    …………………’, ; ;,’’ ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ;’-, , ,-‘ ;,-‘
    ………………….,’-‘ ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ;’’-‘ ;,,-‘
    ………………..,’ ; ; ; ; ; ; ; ; ; ; ; ;__ ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ‘-,’
    ………………,-‘ ; ; ; ; ; ; ; ; ; ;,-‘’¯: : ’’-, ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; _ ; ; ; ; ;’,
    ……………..,’ ; ; ; ; ; ; ; ; ; ; ;| : : : : : ; ; ; ; ; ; ; ; ; ; ; ; ; ,-‘’¯: ¯’’-, ; ; ;’,
    …………….,’ ; ; ; ; ; ; ; ; ; ; ; ‘-,_: : _,-‘ ; ; ; ; ; ; ; ; ; ; ; ; | : : : : : ; ; ; .|
    ……………,’ ; ; ; ; ; ; ; ; ; ; ; ; ; ; ¯¯ ; ; ; ; ; ; ; ; ; ; ; ; ; ; ;’-,,_ : :,-‘ ; ; ;|
    …………..,-‘ ; ; ; ; ; ; ; ; ; ; ; ; ; ; ,,-~’’ , , , , ,,,-~~-, , , , _ ; ; ;¯; ; ; ; ; ;|
    ..…………,-‘ ; ; ; ; ; ; ; ; ; ; ; ; ; ; ;,’ , , , , , , ,( : : : : , , , ,’’-, ; ; ; ; ; ; ; ;|
    ……….,-‘ ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ;’, , , , , , , , ,’~---~’’ , , , , , ,’ ; ; ; ; ; ; ; ;’,
    …….,-‘’ ; _, ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ‘’~-,,,,--~~’’’¯’’’~-,,_ , ,_,-‘ ; ; ; ; ; ; ; ; ; ‘,
    ….,-‘’-~’’,-‘ ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; | ; ; | . . . . . . ,’; ,’’¯ ; ; ; ; ; ; ; ; ; ,_ ; ‘-,
    ……….,’ ; ;,-, ; ;, ; ; ;, ; ; ; ; ; ; ; ; ; ; ‘, ; ;’, . . . . THAT'S JUST WRONG---‘’’
    ………,’-~’ ,-‘-~’’ ‘, ,-‘ ‘, ,,- ; ; ; ; ; ; ; ; ‘, ; ; ‘~-,,,-‘’ ; ,’ ; ; ; ; ‘, ;,-‘’ ; ‘, ,-‘,
    ……….,-‘’ ; ; ; ; ; ‘’ ; ; ;’’ ; ; ; ; ; ; ; ; ; ; ‘’-,,_ ; ; ; _,-‘ ; ; ; ; ; ;’-‘’ ; ; ; ‘’ ; ;’-,
    ……..,-‘ ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ;¯¯’’¯ ; ; ; ; ; ; ; ; , ; ; ; ; ; ; ; ; ;’’-,
    ……,-‘ ; ; ; ; ; ; ; ,, ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; |, ; ; ; ; ; ; ; ; ; ; ‘-,
    …..,’ ; ; ; ; ; ; ; ;,’ ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ;|..’-,_ ; ; ; , ; ; ; ; ; ‘,

    ReplyDelete
  43. Aneesh,

    Is there a way to hide the last post (=current post)? Thanks!

    ReplyDelete
  44. @Bruxo,
    it will be difficult to hide the current post,but you can remove the last post(the newst post on your blog.) easily.
    To do that add the widget, then edit it and change ?orderby=published to ?orderby=published&start-index=2

    ReplyDelete
  45. Thank you very much for your help Aneesh

    ReplyDelete
  46. Hi, for some reason the posts in my recent posts widget have disappeared. It's just a white box now. Can you help?

    ReplyDelete
  47. Looks great! Is there some way to use the same format for specific posts I'd like to highlight? I've currently got them listed as plain links in the sidebar but now they look pretty shabby compared to this!

    ReplyDelete
  48. I tried the following method for Recent Posts by categoryto list the recent post. which helped to increase my CTR.

    Regards,
    http://youcanhack.blogspot.com

    ReplyDelete
  49. Hi Anees

    Regarding Blogger is there a method to have newer comment on the top and older at the bottom ?

    if so let me know . thanks in advance
    ssham
    saileshsham@gmail.com

    ReplyDelete
  50. An excellent widget. Many thanks.

    I do notice though that the number of recent posts to display is limited at 25. Can this limitation be overcome in any way?

    Rock

    ReplyDelete
  51. Thank you for this widget, I was looking for this for some time.

    ReplyDelete