Cara Menampilkan Nomor di Popular Posts

 on Monday, November 24, 2014  

Cara Menampilkan Nomor di Popular Posts
WIDGET Popular Posts (Posting Terpopuler) di Sidebar bisa dipercantik dengan menambahkan nomor.

Menampilkan popular post ini tidak ada kaitannya dengan SEO Blog. Hanya mempercantik sekaligus membuat blog USER Friendly.

Daftar popular post sendiri berfungsi sebagai internal link atau navigasi blog yang memudahkan pengunjung "betah" di blog kita.

Caranya, pilih "no image" dan "no snippet" alias judul doang yang ditampilkan. Setelah itu, masukkan kode berikut ini di atas kode ]]</b:skin>

1. Klik "Template" > "Customize"
2. Klik "Advance" > "Add Custom CSS"
3. Copy & Paste Koder berikut ini di dalamnya:

.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;
}

4. Apply !!!

Bisa juga dengan klik "Template" > "Edit HTML", lalu cari (Ctrl+F) kode ]]</b:skin> dan masukkan kode di atas di atasnya!

Demikian Cara Menampilkan Nomor di Popular Posts seperti yang ada di demo blog ini.
Cara Menampilkan Nomor di Popular Posts 4.5 5 CB Blogger Monday, November 24, 2014 Cara Menampilkan Nomor di Popular Posts WIDGET Popular Posts (Posting Terpopuler) di Sidebar bisa dipercantik dengan menambahkan nomor. ...


2 comments: