Don't Miss

How to Customize Popular Posts Widget in Blogger

By Zohaib Liaqat - 14 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

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

ADD COMMENT
  1. Evaluating your vehicle's worth will enable you to guarantee that you can get the most extreme sum conceivable on your auto value. When you utilize the KBB valuation as a benchmark, you can precisely evaluate the assessed estimating for your utilized auto. auto title loans chicago

    ReplyDelete
  2. You share nice tutorial related blog, which give me some good ideas in creating my own blog, For More Popular Posts widgets you can
    Visit my blog here

    ReplyDelete
  3. Many students are undecided about the best nursing research paper help Company to deal with due to the high number of companies that offer similar services.

    ReplyDelete
  4. 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
  5. The quality of our Best Essay Writing Service are always high as we work hard to ensure that we uphold our good reputations at all time. We make sure that Nursing Essay Writing Services ordered are delivered on time and our prices are affordable to every student.

    ReplyDelete
  6. As much as a Research Papers for Saleis a summary of other works that should not be an excuse to make papers with College Research Papers for Sale.

    ReplyDelete
  7. The agency understands how complex and time-consuming that Cheap Editing Services can be. If you simply don’t have the skills you require to complete a good paper, or you’re pressed for time, or you can always order Best Coursework Writing Servicefrom them.

    ReplyDelete
  8. Thanks for your sharing, it helps me a lot and I think I'll watch your post more.
    …………………….
    slotxo
    สล็อตxo
    ทางเข้า slotxo

    ReplyDelete
  9. Thank you for sharing this informative post.MyAssignmenthelp.com is giving dissertation conclusion help to students.we are already trusted by thousands of students who struggle to write their academic papers and also by those students who simply want Cost Of Capital Assignment Help to save their time and make life easy.

    ReplyDelete
  10. 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
  11. Criminology Paper Writing Services are the leading ones in the industry, being specialists in Criminology Research Paper Services enabling you to achieve profound success in your endeavors and on your Custom Criminology Assignment Writing Services tasks.

    ReplyDelete
  12. Research Papers Writing Services should strive to ensure that all essays meets the pukka standards of the examining bodies. Consider hiring quality but also Qualified Research Paper Writers which are advantageous in terms of ensuring you get only top-quality grades on your Online Research Paper Writing Service.

    ReplyDelete
  13. 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
  14. 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