Adding Popular Posts Widget To Blogger

MBC introducing new popular post design for bloggers. The design i have created only for CSS, In this design you can't find any image link. The widget an amazing look. The widget special feature is taking your popular post with small small rectangles. I think so its new generation popular post for bloggers. It will help all Bloggers to customize her popular post widget with this method. Now a days all things are moderating day by day for changing in new generation that's why MBC presenting some new features for your Blog. This features also help you your Blogger Eye catching process. Now start learn how to customization your popular post. MBC is also use the popular post widget by using this method you can get the demo from this website right side panel.

 

Adding Popular Posts Widget To Blogger

1. Go To Blogger > Design > Page Elements.


2. Click on add a gadget.


3. select the "Popular Posts" gadget.

4. Click Most viewed All time.

5. Uncheck image Thumbnail and snippet.

6. Now save the widget.

7. Now go to Blogger > Design > Edit HTML

8. Back up your template.

9. Search this using Ctrl + F

]]></b:skin>

Just above it paste the following code

/*--- MBC Popular Posts --- */
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url no-repeat scroll 5px 10px;
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 5px 20px !important;
border: 1px solid #99FFFF;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;

}

.popular-posts ul li:hover {
border:1px solid #FF33FF;
}

.popular-posts ul li a:hover {
text-decoration:none;
}

10. Save your template.

Visit your Blog and enjoy with new look.