Cara Buat Entri Populer Lebih Menarik

Pada kesempatan yang baik ini saya akan memberikan tutorial bagaimana membuat entri populer lebih menarik, Oke langsung aja Yuezha beri tahu caranya, simak baik-baik ya

1. Pertama pasti masuk dulu ke akun blogger kalian masing-masing, Ya iyalah masak masuk akun blogger saya hehehe
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 bawah kode ]]></b:skin>.

<style type='text/css'>
.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;
}
</style>

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 kalian

Tweet