Transforming Blogger's Popular Posts widget into a slideshow

Why didn't we think of this sooner?!?!?

Most blogs on +Blogger take advantage of the Popular Posts widget in their blog, and to some extent, most people wish it could look better or do more. For instance, one of our earlier scripts was creating the ability to resize the popular post thumbnails so that they could be bigger without losing quality.

Wouldn't it be nice to be able to take that same, boring widget and turn it into a slideshow, using the thumbnails as a background image for the slides with the title and snippet displayed over top of the image?

Well, that's what we've done! (example)

There is no coding necessary beyond copy and pasting the code snippet available here into your template before the </head> tag in your template.

In the code we had to set a width for the element; in our case 235px. You will want to change this value everywhere it is found to be the correct size for your own layout.

All colors and other attributes are customizable using CSS.



  1. Thats very helpful and a good idea :)

  2. Thank you very much for this easy widget!
    I would like for my title and description to show up on the translucent grey at the bottom as yours does. With the snippet you posted, currently only the title shows up, at the top, and in a color that is hard to see. Could you point me in the right direction of how to change that?

  3. Thank you very much for the awesome popular posts widget looks really nice on my blog

  4. on my blog wont work , why ?? =


Post a Comment