Add stylish popular posts widget to your blogger side bar

Popular posts is not just a widget it is just like a representative of your entire blog.because it is nothing but the list of most view posts on your blog through out that blog life.that is enough for visitor to understand the quality of your blog content and how that blog will informative to him.so if you design this widget very colorful ,the it will attract the visitor concentration and will increase your page views.here i'm going to show you how to add color full popular posts widget in your blogger side bar. take a DEMO of this widget
 
1) go to blogger ----> template ----> Edit Html
2)find ]]></b:skin>
3) past the bellow code just above the ]]></b:skin>



/*--- MBT Popular Posts --- */ 
.popular-posts ul{padding-left:0px;} 
.popular-posts ul li {background: #FFF url(http://1.bp.blogspot.com/_7wsQzULWIwo/ SmodosCuJCI/AAAAAAAABh4/ZSXbVW9Qpa8/s400/261.gif) no-repeat scroll 5px 10px; 
list-style-type: none; 
margin:0 0 5px 0px; 
padding:5px 5px 5px 20px !important; 
border: 0px solid #dddddd; 
border-radius:10px; 
-moz-border-radius:10px; 
-webkit-border-radius:10px;
}
.popular-posts ul li:hover { 
border-left:5px solid #FF0099; 


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


4) Save template that's it

Tweet