How to Add Popular Posts Widget With Thumbnail in Blogger

Blogger has just launched Popular Posts Widget in Blogger for all blogspot user, and i would like to guide you on how to add this popular posts widget in blogger. You can show this widget with thumbnail and without thumbnail. You will also be able to show text snippet of your post.

Add Popular Posts Widget in Blogger
The Popular Posts gadget will help your readers quickly find out which of your posts have been viewed the most by your readers. The gadget also comes with several different styles and configurations. To add one of the best gadget you have to follow some simple steps given below.

Steps to Add Popular Posts Widget With Thumbnail in Blogger

#Step 1. Log in to your Blogger Dashboard and Navigate to Design> Page Element.


#Step 2. Now Find Popular Posts Gadget and (Click on Plus sign) Add it, before adding gadget you can configure the settings as per your need given in #step 3.
Add Popular Posts Widget in Blogger

#Step 3. You can choose most viewed, snippet, thumbnail and title of the widget. (Recommended settings from me are as given below.

  1. Enter Title of the widget as "Popular Posts".
  2. In Most Viewed Choose All time.
  3. If you want your popular posts with thumbnail and snippet then check bot check boxes else choose as per your need. ( I suggest you not to use any of these both)

configure popular posts widget in blogger

#Step 4. Click on Save button and done!.
Update: Currently you will find this Gadget only in Blogger in Draft. Login with your blogger credential and add this wonderful widget.
If you need any help please Leave a response.

17 Responses to "How to Add Popular Posts Widget With Thumbnail in Blogger" - Leave a response

  1. Brenda September 14, 2010 at 6:39 PM
    I've had this on my blog for about a week and love it. Today I went to change it from "All Time" to "Past 30 Days." I like having the thumbnail but not the snippet and now I can't get rid of either. I uncheck both boxes, click Save and both the thumbnail (which I don't mind) and snippet show up on my blog. ?????????? This just happened today. How can I fix this??? No matter how many times I uncheck the snippet box and hit save, the snippet shows.
  2. Piyush - Admin @ Best How To Blogger September 14, 2010 at 9:05 PM
    @Brenda, i guess you are using "layout templates" (latest is the template designer templates). It might be the case that you have unchecked both boxes but it is not reflected in your template code. I have faced this issue with rate a post widget. So i suggest you to check in your template code and then see if it changes or not. If you need more help then : Contact Me.
  3. MXL September 15, 2010 at 6:34 PM
    I can't find the "Popular Posts" widget you speak of. Is it because I'm using a third-party template?
  4. MXL September 15, 2010 at 6:45 PM
    Hey, forgot to leave an email address in my comment. If you can help, contact me at MXL@saffoldink.com. PLEASE help if you can. I really don't understand why the "Popular Posts" gadget isn't offered to me, seeing as how I seem to have all the other Blogger gadgets at my disposal.
  5. Piyush - Admin @ Best How To Blogger September 15, 2010 at 9:32 PM
    @MXL, Open this link http://draft.blogger.com/home and login, and then you will find the popular posts widget, because currently it is available for blogger in draft users only. Hope you will find the widget now :)
  6. Jules October 21, 2010 at 7:01 PM
    I love the Popular Post widget but would like it to be a horizontal list instead or vertical. Do you know how to style it?
  7. Piyush - Admin @ Blogger How To Tips October 21, 2010 at 9:44 PM
    @Jules, I think if you add it beneath your post area then you will notice that it will expand horizontally automatically. (If you are adding it to the sidebar then because of the width applies on the widget it will looks like a vertical :)). Hope you are getting me. and if you have still any query then let me know.
  8. Jules October 21, 2010 at 10:31 PM
    I've tried that. Only the post titles expand to fit the blog post width. What I really want is to have the thumbnails align horizontally with the Post titles under them. Can that be done?
  9. Piyush - Admin @ Blogger How To Tips October 21, 2010 at 10:45 PM
    @Jules, You can do that, need to change some css code, can you give me admin rights of your blog ?? - see this link : Blogger Help Desk
  10. Jules October 25, 2010 at 9:28 AM
    Hi Piyush,
    I've granted you access.

    I would really like to have the Popular Post widget with thumbnails (and title) lined across the page, under the main picture on my testblog. Thank you for your help.
  11. Piyush - Admin @ Blogger How To Tips October 25, 2010 at 11:52 AM
    @Jules, Give me admin rights now.
  12. Piyush - Admin @ Blogger How To Tips October 25, 2010 at 10:39 PM
    @Jules, Check your blog i have change your style sheet and popular posts widget is now displaying horizontally :)
  13. Lifted Loud January 7, 2011 at 7:35 AM
    hey piyush,

    i also have this widget running but the thumbnails are not showing up. any suggestions? thanks in advance!

  14. Piyush - Admin @ Blogger How To Tips January 7, 2011 at 7:55 AM
    @Grimm, sometime because of template layout issue in-spite of all configuration (see step 3 screen shot) you will not be able to see thumbnails. Check this link -http://bloggerhowtotips.blogspot.com/2010/09/how-to-remove-snippet-and-thumbnail.html, and try to understand the code. You might need to change some code. best luck.
  15. Themediajerk February 18, 2011 at 5:30 AM
    I would like to edit this widget to show the most viewed posts of the day (instead of 7 days). Does anyone know how to do that?

Post a Comment

^ Scroll to Top