Cara Mengedit Widget Artikel Populer di Blogger

Tweet

D-Copy Blog | Widget artikel populer memang menjadi sebuah keseharusan bagi sebuah situs dikarenakan dapat memancing visitors untuk betah berlama-lama di blog Anda atau saya. Memperindah penampilan blog juga menunjang pengunjung untuk berlama-lama lagi di blog. Nahh untuk itu kita akan melakukan pengeditan pada widget artikel populer Anda.

Langkah :

1. Buka akun Blogger Anda
2. Masuk ke Menu Layout > Add Gadget > Popular Posts (jika Anda belum memasang widget artikel populer)
3. Lalu atur menu widget artikel seperti pada gambar dibawah ini :

      4.  Save

      5.  Masuk ke menu edit HTML, jangan lupa centang Expand Template Widget

      6.  Cari kode dibawah ini :

]]><s:kin>

      7.  Pastekan kode dibawah ini, diatas pada kode diatas :

.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9F2alPtFg4h-sgHFTsYwhZVF_7R3mVgL2_MSQm1z3Q0FJ2z6thPY2CexSDqwMYaqqxBGE0HvkDtF0dNNXaRBei77wEonajGhMQdaIe20DRCIQSoC2FJUouczovR_I1JC9C6cdHTcghP4/s1600/1.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;
}
.popular-posts .item-thumbnail img {
  webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}

    8.  Save template Anda.

Terima kasih, semoga bermanfaat.
Sumber Artikel : http://www.mybloggerlab.com/2012/10/customize-blogger-popular-post-widget.html