popular post thumbnails rotating widget latest

  1. Go To Blogger > Design
  2. Click on add a gadget and select the "Popular Posts" gadget from the list provided by blogger
  3. Now make these settings

uncheck snippets and thumbnails   Save your widget
       5.    Now go to Blogger > Design > Edit HTML
       6.   Backup your template
       7.   Search for this
]]></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: 1px solid #dddddd;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.popular-posts ul li:hover {
border:1px solid #6BB5FF;
}
.popular-posts ul li a:hover {
text-decoration:none;
}



1 comment:

  1. I have used this in my blogger site :)
    Thank you , it has increased my sites popularity.

    ReplyDelete