Membuat Popular Post Blog Dengan Nomor

Membuat Popular Post Blog Dengan Nomor - Kali ini saya akan share perihal bagaimana cara menciptakan widget popular post menyerupai yang ada di blog ini yaitu popular post yang dilengkapi dengan nomor. Tentu saja sahabat dapat mengubahnya sesuai harapan sahabat sendiri. Ok pribadi saja berikut ini ialah tutorial menciptakan popular post blog menyerupai pada blog ini:

1. Log in ke akun blogger sobat
2. Klik tata letak tambahkan widget popular post
3. Setelah anda tambahkan widgetnya kemudian pergi ke template dan klik edit HTML
5. Cari aba-aba berikut ]]></b:skin> kemudian letakkan aba-aba dibawah ini sempurna diatas aba-aba tersebut:

.popular-posts ul {
padding-left: 0px;
counter-reset: popcount;
}
.popular-posts ul li:before {
list-style-type: none;
margin-right: 15px;
padding: 0.3em 0.6em;
counter-increment: popcount;
content: counter(popcount);
font-size: 16px;
background: #359bed;
color: #ffffff;
position: relative;
font-weight: bold;
font-family: georgia;
float: left;
border: 2px solid #dddddd;
}
.popular-posts ul li {
border-bottom: 1px dashed #dddddd;
}
.popular-posts ul li:hover {
border-bottom: 1px dashed #696969;
}
.popular-posts ul li a {
text-decoration:none; color:#5A5F63;
}
.popular-posts ul li a:hover {
text-decoration:none;
}

6. Klik pratinjau, jikalau semuanya berjalan lancar klik simpan.

Baca juga cara menciptakan majemuk popular post keren

Share this post