Blogger made the owner to control the websites as they wish. The tutorial today is how to add onhover blogger popular posts widget to blogger. As this is on blogger it has given us the feature to edit CSS. As this is important for blogger because we can edit the CSS and we can design our blog like wordpress’s blogs.To customize your popular posts widget you have add some CSS in your template.And the advantage of this widget is that, we are not going to add any javascript codes. Using javascript codes always reduced the load time to your blog.The widget is stored on Blogger’s servers.

Use the live demo button to get a knowledge on this issue. The link is just below under this.

Live Demo

I suggest you to make sure that you have already added a popular posts widget to your blog.

  • Go to Blogger Dashboard > Design > Add a Gadget 

  • Then choose Popular Posts

  • Now look the below image and make the changes

  •  Now copy the below code
  • Goto – -> Template – -> Edit HTML
  • Search for “]]>   ( use CTRL + F  to find quickly)
  • Just paste the code above it. 
  • Before saving it just you need to have a look at preview  

Article By Tharun

Hey! Tharun here. A Blogger makes blogging on wordpress tips, blogger tricks, SEO tricks, Android Apps, He love to share what he knows. Meet him at Facebook, Twitter. Get free Wordpress Installation Service Contact Here.


  1. says

    popular post widget is the best way to gain some traffic for some late and popular posts of the blogs.such widget also helps to reduce the bounce rate of the blog because user stays on the blog for long time and hence it helps to increase traffic and visibility of the blog.thanks for sharing with us.ringtones

Leave a Reply