Saturday, May 25, 2013

Horizontal Recent Post Widget for Blogger


Nice, Aesthetic, Horizontal Thumbnails

Display Your Recent Posts in a Stylish Blogger Widget

Cool tutorial for creating a “Horizontal Recent Post” widget for blogger by Something Swanky
But for some reason, to get it to work, you need to change all the apostrophe’s (‘) to quotes (“). Took me a while of playing around and reading through all the comments to figure that out.
Also, if you want to get rid of the “Powered by blogger” beneath it, remove the following chunk of code (thanks, husband, for helping with that!):

<div class="bp_footer"><small><a id="bp_recent_link" target="_blank" href="" style="padding: 1px 0px 0px 19px;text-decoration:none;"></a></small></div>
<img src="" alt=’recent posts with thumbnails for blogger" style="border:none" /></a>Powered By <a href="" target="_blank" title="blogger widgets">Blogger Widgets</a></small>

Hope it works for you! Really makes my site look nice!


  1. Replies
    1. Oh good! I'm so glad! This post constantly gets the some of the highest hits and I'm always wondering if it's working for people! BTW if any great coders out there can give me a clue about why it only works for some of us, please let me know! :)

  2. Hi Kristen. I installed Something Swanky's recent post widget but unfortunately it wouldn't work, until I found your post and changed all the (') to (").

    Thank you so much!


    1. Hi Heather! I'm so glad it worked for you! That's what did it for me, too. But then I started messing around with other things, and I lost it all again. Hope it sticks! I'm going to check it out now!

  3. Hi, I tried your changes the only problem I have is that the thumbnails are vertical not horizontal, any ideas?

    1. Tina, Oh no! I don't know why that would happen; I haven't heard anything like that! But just last week the blogger Heather who posted above you got it to work perfectly--she got back to me quickly when I asked her about it, so you may want to see if she has any tricks!

    2. Just wanted to let you know that I was able to get it to work, was curious if you know how to add the title to it? I believe the technical term is a gadget title. Thanks again!

  4. This comment has been removed by the author.

  5. I got it to work, if you remove that whole code above like posted- it disappears. You have to leave this part of it.
    (spacing so that I can post it)

    < div id=" bp_recent "> < /div >

  6. Great post! Thank you so much for the tip! I was wondering if you knew how to change the number of posts featured, I can change the size of the pictures but I can't change the number of posts featured. I keep trying to alter "var numberOfPosts = 5;" but nothing happens... any tips?


Note: Only a member of this blog may post a comment.