Site and learn your application

Sabtu, 25 Oktober 2014

Modifikasi Widget Popular Post Simple Elegan

Indo Amaterasu

Modifikasi Widget Popular Post Simple Elegan
Mempercatik tampilan blog kunci utama para pengunjung betah menelusuri isi artikel suato blog, salah satunya dengan memodifikasi tampilan widget popular post. Berikut ini dibagikan cara modifikasi popular post seperti pada gambar di atas dengan tema simple elegan.

Langkah-langkah modifikasi widget popular post simple elegan :
  • Lakukan komfigurasi Entri Populer seperti berikut ini.
Modifikasi Widget Popular Post Simple Elegan 2
  • Masuk template > Edit HTML.
  • Cari kode ]]></ b:skin>
  • Mempermudah pencarian tekan Ctrl + F.
  • Letakkan kode di bawah ini di atas/ sebelum ]]></ b:skin>
.popular-posts ul{padding-left:0px;} 
.popular-posts ul li {background: #FFF; 
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;
<a href="http://www.indoamaterasu/">indoamaterasu</a> 
}
  •  Hasilnya seperti berikut ini.
Modifikasi Widget Popular Post Simple Elegan 3
  • Save dan lihat hasilnya.
  • Untuk mengatur ketinggian dan lebar widget popular post seilahkan atur di padding:5px 5px 5px 20px. Sesuaikan dengan template yang Anda gunakan.