Membuat/Memasang Widget Entri Populer Yang Keren

Ahmad Fawzan Rohman Rabu, Juni 20, 2012

Salam Blogger,

Bagaimana sih carannya membuat widget entri populer yang keren ? kenapa jg buat entri populer yg bagus..? nah biar aq kasik opini dikit, entri populer merupakan salah satu widget yg harus qt pasang di blog knp? .. pengunjung akan lebih mudah berkeliling di blog kamu, so dengan kata lain kita memperindah blog kita agar pengunjung betah dan mau berkunjung lagi di blog kita. 
preview : 

Cuman ada beberapa langkah terperinci sebagai berikut :

1.Login dulu di blogger

2.Klik Rancangan -> Edit HTML

3.Jangan lupa centang Expand Widget Template atau backup dulu templatenya

4.Cari kode ]]></b:skin> untuk mempermudah pencarian tekan CTRL+F

5.Setelah ketemu Letakkan kode berikut di atas kode ]]></b:skin>.

.PopularPosts .item-title{display:yes}
.PopularPosts ul li {
border-radius:50px 0px 0px 50px;
float: left;list-style: none outside none;margin: 1px !important;padding: 1px !important;
border: 1px solid #444;
overflow: hidden;
box-shadow: 0px 0px 1px #333;
font-style: normal;
font-weight:bold;
width: 100%;
height:60px;
border-radius:35px 5px 5px 35px;
}
.PopularPosts ul li:hover{
background: -moz-linear-gradient(top, #FFFFFF 1%, #5c5c5c 50%);
overflow: hidden;
color: #414141;
width: 100%;
height:60px;
border: 1px solid #ffffff;
box-shadow: 0px 0px 2px #ffffff;
}
.PopularPosts ul li img {
padding:1px  ;
margin:1px;
margin-top:3px;
border-radius:35px 35px 35px 35px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
border: 1px solid #333;
height: 50px;width:50px;
overflow: hidden;
}
.PopularPosts ul li img:hover {
border:1px solid #ffffff;
border-radius:25px 25px 25px 25px;
background: -moz-linear-gradient(top, #FFFFFF 1%, #5c5c5c 50%);
box-shadow: 0px 0px 10px #ffffff;
}

6.Setelah selesai mengedit klik SIMPAN

7.Lalu kembali ke RANCANGAN pilih tambah gadget lalu pilih entri populer

 8.Setelah itu Konfigurasi entri Populer sesuai keinginan anda.

Silahkan  edit scriptna sesuai kreasi anda sendiri hehe, sekian dulu yo...