CARA MEMBUAT ENTRI TERPOPULER DI BLOG

Cara Membuat Entri Terpopuler di Blog

Ok, kali ini saya akan membahas tentang cara membuat Entri terpopuler di blog, Tapi sebelum saya membahas cara membuat entri terpupoler tsb, saya akan menjelaskan langkah awalnya terlebih dahulu.

 

Langkah Awal Membuat Entri Terpopuler di Blog : 

1. Sekarang coba anda masuk dulu ke Dasbor Blogger anda

2. Pilih Tata Letak

3. Klik Widget HTML Entri Populer

4. Pilih jumlah entri yang ingin anda munculkan di blog anda

5. Setelah itu klik SIMPAN.

Nah, sekarang waktunya kita setting kodenya : 

1. Sekarang masuk lagi ke akun blogger anda

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>

6. Jika sudah selesai, klik SIMPAN

 

Kode yang di copas kan :

<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>

 

Gimana, mudah bukan..

Sekian dari saya, semoga bisa bermanfaat untuk anda dan selamat mencoba.