Desain Sendiri Widget Popular Post Blogger

1/12/2016
Aktifkan dahulu widget popular post ini di dasboard Anda. Berikut caranya:

Masuk ke 'Layout", lalu pilih Tambahkan Widget dan cari Entri Populer.



  • Centang  thumbnail gambar, lalu Simpan.
  • Buka dashboar blog anda kemudian klik Template > Edit HTML
  • Cari </b:skin> Copy Paste kode CSS berikut letakkan di atas </b:skin>

/* 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;
  font:normal normal 11px/1.4 'Trebuchet MS', Trebuchet, Verdana, sans-serif;
  color:#666666;
}

.PopularPosts ul li img {
  display:block;
  margin:0 .5em 0 10%;
  width:35px;
  height:35px;
  float:left;
}

.PopularPosts ul li {
  background-color:#f3f3f3;
  margin:1% .5em -5% 0;
  padding:.5em 1.5em .5em .5em;
   position:relative;
}

.PopularPosts ul li:before,
.PopularPosts ul li .item-title a {
  font-weight;
  font-size:120%;
  color:inherit;
  text-decoration:none;
}


  • Klik Save Template lalu lihat hasilnya