Cara Memodifikasi Popullar Post Menjadi Warna Warni

Cara Memodifikasi Popullar Post 

Menjadi Warna Warni

1.Template > Edit HTML
2.Copy kode di bawah ini,

/* Custom CSS for Blogger Popular Post Widget */
.PopularPosts ul,
.PopularPosts li,
.PopularPosts li img,
.PopularPosts li a,
.PopularPosts li a img {
margin:0 0;
padding:0 0;
list-style:none;
border:none;
background:none;
outline:none;
}
.PopularPosts ul {
margin:.5em 0;
list-style:none;
color:black;
counter-reset:num;
}
.PopularPosts ul li img {
display:block;
margin:0 .5em 0 0;
width:50px;
height:50px;
float:left;
}
.PopularPosts ul li {
background-color: #eee;
  margin: 0 0 0 0 !important;
  padding: 10px 20px 10px 10px !important;
  counter-increment: num;
  position: relative;
}
.PopularPosts ul li:before,
.PopularPosts ul li .item-title a, .PopularPosts ul li a {
font-weight:bold;
color:#000 !important;
text-decoration:none;
}
.PopularPosts ul li:before {
content: counter(num) !important;
  font-family: arial, sans-serif !important;
  font-size: 12px;
  font-weight: bold !important;
  display: block;
  position: absolute;
  top: -5px;
  right: -5px;
  border-radius: 16px;
  background-color: #333;
  color: #fff !important;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  padding-right: 0px !important;
  border: 2px solid #fff;
}

3.Letakkan kodenya di atas ]]></b:skin> atau </body>
4.Save!! Selesai


SEMOGA BERMANFAAT!! 

Tweet