seperti contoh dibawah ini:
![]() |
| POPULAR POSTS JADI KEREN DI BLOG |
Karna dengan tampilan widger popular yang menarik, sangat berguna bagi blog karena dapat menambah jumlah page views dan mempermudah pengunjung dalam mengexplorasi blog anda
Sobat bisa ikuti langkah langkah di bawah ini:cara memasang popular post blogge:
1. Masuk ke akun Blogger anda
2. Masuk ke Layout dan klik "Add a Gadget"
3. Lalu Pilih "Popular Posts" pada list yang ada
Sobat bisa menyesuaikan settingan populer posts,sobat bisa gunakan berapa yang mau ditampilkan pada blog
5. Save jika sudah selesai.
Sekarang setelah Popular Posts sudah dipasang di blog,sekarang kita lanjut tahap kedua:
1 .Masuk ke akun Blogger anda
2. Masuk ke bagian Template
3. Klik Edit HTML
Lalu cari Kode </b:skin> (gunakan Ctrl F) untuk mempermudah percarian.kode </b:skin>
4. Kalau sudah simpan kode dibawah ini Tepat DIATAS </b:skin>
Silah Copy kode di bawah ini:
/*--- rednetzone Popular Posts --- */
.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: #292D30;
color: #ffffff;
position: relative;
font-weight: bold;
font-family: georgia;
float: left;
border: 2px solid #dddddd;
box-shadow: 1px 2px 9px #666666; }
.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;
}
Catatan:
Untuk mengubahnya kedalam bentuk bulat, anda cukup memasukan kode : border-radius:15px; setelah kode box-shadow: 1px 2px 9px #666666;
5. Lalu Save your templat, Selesai
Itulah cara bikin populer posts di blog kita jadi lebih menarik,selamat mencoba semoga bermanfaat.




Belum ada tanggapan untuk "CARA BIKIN POPULAR POSTS JADI KEREN DI BLOG"
Post a Comment