New form to "Popular Posts"

English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified
  • Add the sidebar of your page the original "Popular Posts".
  • Then as you click the "Edit HTML"
  • Find the ]]></ b: skin>
  • Paste before this code below:
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgId1qxW-YtQ4kMzWXUuT1duqJyHOfwoNNRYFCF6_0BWLZAeX1iyF3OdAKqktNmWUFePjXdRzZYhzLGJZ3xe2G-UvXiaYOCnMjMfSZGO_oE_4qY-GwA-0BZzc-mtkvuyQicXtaUESEABWs/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 #ddd;
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;
}
  • Save template.
The new look in "Popular Posts" will look like this:


0 σχόλια:

Post a Comment