Just Another Stunning Popular Posts Widget With Hover Effect

Just Another Stunning Popular Posts Widget With Hover Effect

blogger widget

Popular Posts widget will make your blog more attractive and this is a way to highlighting your most viewed or popular posts. So a visitors can easily get info about Popular Posts. So continuously I am working on to make some new and spicy. I have just designed another popular posts widget that is best fit for those website those are using 600+ wide images for the posts. On the other hand our integrated popular post can able to show only 75px X 75px wide images which is not suitable for wide images. However this  popular posts widget can show widescreen widget with Posts summary as well as I have added hover effects on this widget . This widget has not any limitations. You can display up to 10 popular posts in your blog.

Step 1 Log in to your Blogger account and Go to your Blogger Dashboard

Step 2 Go to your Layout tab.

Step 3 Click on "Add a Gadget" then select "Popular Posts" Widget.


  • Put Tick on image Thumbnail and snippet. Because we will display popular Post's image with summary. 
  • You can display between 1 to 10 posts. So choose 7 posts or more.

popular posts widget

Step 4 Now Save the  "Popular Posts" Gadget.

Step 5 Click on -> Template -> Edit HTML

Step 6 Now Find this code ]]></b:skin>  by pressing  Ctrl + F

Step 7 Paste the below code  Before/above ]]></b:skin> 

/*-- Stunning Popular Post By http://www.bloggerspice.com--*/
.PopularPosts .item-title {
.PopularPosts .widget-content ul li {
border:1px solid #009999;
float: left;
list-style: none outside none;
margin: 5px 0 0!important;
padding: 5px !important;
.PopularPosts .item-thumbnail {
margin: 3px !important;
.item-thumbnail img {
border: 1px solid #191919;
height: 75px;
padding: 5px;
width: 250px;
.item-thumbnail img:hover {
border:0px solid #009999;

Step 8 Now Save the widget.
Just Another Stunning Popular Posts Widget With Hover Effect
4 Stars stars - "Just Another Stunning Popular Posts Widget With Hover Effect" Popular Posts widget will make your blog more attractive and this is a way to highlighting y...

Post a Comment

I would love to have this popular posts widget but the code isn't working on my blog...any idea why?
Thank you!

I just visited your site and its okay. can you send me a backup xml file of your template? I will make the code work and send back to you. Plz email me at


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

Facebook Group Community Disqus Channel Code ConverterHide Code Converter Show EmoticonHide Emoticon

Got questions? Ask ’em below! While we’re here, you might like to give any feedback about this Post, Your comment inspire us to continuous Improvement of This Blog and Contents. Your words are your own, so be nice and helpful if you can. Please, only use your REAL NAME, not your business name or keywords. Using business name or keywords instead of your real name will lead to the comment being deleted. Anonymous commenting is not allowed either. Limit the amount of links submitted in your comment. We accept clean XHTML in comments, but don't overdo it please.

Make sure you tick the Notify Me box below the comment form to be notified of follow up comments and replies. Thank you for commenting

Contact Form


Email *

Message *