Variasi Popular Post

Kali ini saya akan membagikan cara merubah tampilan popular post, mungkin sobat semua bosan dengan tampilan yang begitu2 aja ato menoton,,,,,dengan adanya sedikit variasi yang saya bagikan ini semoga bisa member warna baru buat blog sobat semua…..Daripada penasaran, langsung aja ikuti langkahnya berikut ini:

Langkah pembuatan:

• Login ke blog sobat
• Masuk ke bagian Template > HTML
• Cari kode ]]></b:skin> dan letakan kode di bawah tepat di atasnya.

.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url(http://i1256.photobucket.com/albums/ii499/imanuel5/gambarpanah_zps6504d711.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:2px solid #6BB5FF;
background:#000000;
}
.popular-posts ul
  li a:hover {
  text-decoration:none;
color:#FFF8DC;
}
.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);
}

Tahap terakhir adalah save hasil pekerjaannya….lihat hasilnya…

Demikian artikel yang bisa saya sampaikan semoga bisa bermanfaat buat sobat semua….

Nikmati berbagai artikel lainnya dalam blog ini…

Catatan: untuk artikel menarik lainnya, sobat semua bisa mengunjungi situs berikut ini…Langsung klik aja Disini