Don't Miss

How to Customize Popular Posts Widget in Blogger

By Zohaib Liaqat - 27 Comments
Are you fed up because of the yucky and unclean design of the blogger Popular Posts Widget? Do you want to make your Popular Posts widget more prominent and attractive for your readers? Popular Posts is a widget provided by blogger, which allows you to display Popular Posts on your sidebar or footer. This widget shows the most visited posts of a blog, you have four different combinations for displaying this widget i.e.

1- Only the title of the post
2- Post title with summary
3- Post title with image thumbnail
4- Post title with image thumbnail and summary

Having a popular posts widget in the sidebar has a lot of advantages. It helps your visitors to check the most visited/popular posts of your blog, it encourages your visitors to navigate your content and the visitors will get more interested in your content. Therefore, if you want to stylize/customize the popular posts widget, and you want to make it more attractive for your visitors. In this article, we'll show you that How to Customize Popular Posts Widget in Blogger. Let's begin:
How to Customize Popular Posts Widget in Blogger

How to Customize Popular Posts Widget in Blogger

First and foremost, Log in to your Blogger Account >> Select a Blog >> Template and click Edit HTML. Click inside the template code area and by using Ctrl+F search for the ]]></b:skin> tag. Now copy the below code and paste it just above/before it (]]></b:skin> Tag)

.PopularPosts {
background: #fff; 
}
.popular-posts ul {
  margin: 0 !important;  padding: 0 !important; 
}
.PopularPosts img {  background: #fff;  border: 3px solid #CCCCCC;  display: block;  float: left;  height: 48px;  margin-right: 8px;  padding: 2px;  width: 48px;  
}
.PopularPosts .widget-content { 
font-size: 15px;  margin: 0 !important; 
}
.popular-posts ul li { 
list-style: none;  border-bottom: 1px solid #ccc;  border-top: 1px solid #FFFFFF;  padding: 0 !important;
}
.popular-posts ul li:hover {
background: #fafafa;  text-decoration: none; 
}
.popular-posts ul li a {
  color: #404040;  display: block; 
}
.popular-posts ul li a:hover { 
color: #262626;  text-decoration: none; 
}

Hit the Save Template button and you're done.
Congratulations: You've successfully customized your popular posts widget.

From Editors Desk

We hope this article may have helped you in customizing popular posts widget. Share this article with your friends, don't forget to subscribe us and Join our Bloggers Forum on Facebook @ https://www.facebook.com/groups/730927093629291

27 comments to ''How to Customize Popular Posts Widget in Blogger"

ADD COMMENT
  1. Students who seek best academic writing service from the custom writing company get good grades as the custom written term paper is well written without errors. They are also guaranteed of getting legitimate essay writing service that are free from grammatical errors.

    ReplyDelete
  2. Getting Nursing Writing Services from experienced writers provides you with more free time to focus on other tasks. The company have Custom College Papers who offer Cheap Paper Writing and are knowledgeable with Chicago, MLA, and APA style.

    ReplyDelete
  3. Get the assignment writing help services for students. Our online experts are always available for their assistance in completing their assignment tasks assignment tasks. Our british assignment writers experts provide the plagiarism free content.

    ReplyDelete
  4. University assignment help is never be so interesting earlier for Singaporean students if SingaporeAssignmentHelp.com would not have hired more experienced and skilled university assignment writers who are capable to solve any academic assignment problems.

    ReplyDelete
  5. Interestingly you write, I will address you'll find exciting and interesting things on similar topics. us essay writer

    ReplyDelete
  6. Blog content is very important. Our writers are talented, creative and experienced in writing moat types of essays, including reflective essays. So, whether you are stuck with a particular section of the assignment or you need a professional to give their expert opinion on an essay you have already written, we are here for you. https://samedayessay.com/

    ReplyDelete
  7. Hire the most reliable assignment writing service in Australia at Australiaassignmenthelp.com - that provides high qualified assignment writers Australia for your college or school students. We have many writers they help you anytime and on-time delivery. You are always welcome, mate!

    ReplyDelete
  8. please i need help!
    my popular post widget shows popular posts of all time even when set to 7 days or any setting at all it still displays very old popular post pls check it out @ https://www.onemusicnaija.com/

    ReplyDelete
  9. I dont think Ive scan anything like this before. So good to find somebody with some original thoughts on this subject. nice one for starting this up. This site is something that is needed on the web, someone with a little originality. Good job for bringing something new to the internet! design agency san francisco

    ReplyDelete
  10. Do you mind if I quote a couple of your posts as long as I provide credit and sources back to your site? My blog is in the exact same area of interest as yours and my visitors would truly benefit from some of the information you provide here. Please let me know if this ok with you. Thanks! iphone mockups

    ReplyDelete
  11. The choices are unending, and the world is your's with regards to blog advertising on the web. start blog

    ReplyDelete
  12. Thanks for sharing useful information for us.I really enjoyed reading your blog, you have lots of great content.Please visit here:
    MindFlex Home Tuition

    ReplyDelete
  13. Sounds like some tutorial video. Will you post it on tiktok? Here https://soclikes.com/buy-tiktok-likes you can get tiktok likes

    ReplyDelete
  14. Exactly what i was looking for. It is no secret that people are often charged with more responsibility than what they signed up for in an organisation. At such a time, one cannot argue over the fact that they did not sign up for this. Consequently, universities prepare the students to work with a greater knowledge of Petroleum Engineering. For that, the assignments are targeted in a way that makes students go beyond the classroom knowledge. Get Petroleum Engineering Homework Help

    ReplyDelete
  15. You know such video tutorial are very poplar on tiktok today. Can you make short video so people understand how to do it? I would watch this video myself and I advise you to read this post https://omegaunderground.com/the-best-way-to-control-your-popularity-and-success-on-social-media/ if you don't know yet how to get likes on tiktok

    ReplyDelete
  16. blog olect is a plateform with knowledge i can understand how to customize popular post in vlogger thank you and suggest air conditioner in summer

    ReplyDelete
  17. This comment has been removed by the author.

    ReplyDelete
  18. Your blog provided us with valuable information to work with. Each & every tips of your post are awesome. Thanks a lot for sharing. Keep blogging, google my business

    ReplyDelete
  19. AcadeStudiois a reputed platform where providing gaming localization services in a distinct language that all the folks can understand is prime vision and aim.AcadeStudio is a well- known destination among the top gaming localization companies. The service providers here exclusively focus on the gaming industry. From titles to content, the passionate team of developers translates everything for your game release. With some of the powerful tools, the services have become even faster and more professional.

    ReplyDelete
  20. What a magnificent article blog, am very much happy to have read through, thanks for taking your time to put up this awesome auspicious write-up, thanks for sharing. free PLASU post utme past questions

    ReplyDelete
  21. Your simply amazing; keep up the good work. I am really impressed with your writing skills and also with the structure on your blog. Is that this a paid subject or did you modify it your self? Anyway keep up the nice quality writing. visit when is auchipoly post utme form closing

    ReplyDelete
  22. To a continuous user of the internet and the computer, this Microsoft Visual C++ runtime library error can be a heavy disturbance especially when working on an important rushed document. Microsoft Visual C++ 14.0 is required

    ReplyDelete
  23. This blog is very informative! Transcription services are definitely in high demand today. Having accurate transcriptions can make a big difference in many different fields. I am glad I found this on your blog. Keep up the great work!
    https://www.klusster.com/portfolios/jasonsawyer/contents/366865!

    ReplyDelete
  24. This blog is very informative! I am glad I found this on your blog. Keep up the great work!
    Read more

    ReplyDelete
    Replies
    1. This comment has been removed by the author.

      Delete
  25. Great article! Your insights were engaging and informative. I appreciated the practical examples and actionable tips you shared. The inclusion of relevant statistics added credibility to your points. Read more

    ReplyDelete