Cara Membuat Entri Populer Lebih Keren

Nah tadi kan ane udah ngepost tentang " Cara membuat entri post bewarna -warni" Kali ini saya kan mengepost tentang cara membuat entri post lebih terlihat keren , seperti yang telah dilansir aris :D heheh , tanpa langsung lama kita liat dibawah ini ....

1. Login Dashboard Bloger anda
2. Masuk ke " Template" lalu pilih "Edit Html"
3. Cari Kode ]]></b:skin>
4. Lalu kopi kode dibawah ini lalu paste di-atas kode ]]></b:skin>

/* CSS Popular Post */
.PopularPosts h2 { background: #e74c3c !important; color: #eee; } 
.PopularPosts h2:before { content: "\f087"; font-family: FontAwesome; font-size: 22px; background: #c0392b; padding: 10px 12px; margin: 0 10px 0 0; }
.PopularPosts ul { list-style-type: none; padding: 5px; background: #ff6c60; } 
.PopularPosts li { margin: 0px; padding: 6px 10px !important; } 
.PopularPosts ul li { margin: 0; padding: 0px; border: 0px; } 
.PopularPosts ul li:nth-child(1), 
.PopularPosts ul li:nth-child(3), 
.PopularPosts ul li:nth-child(5), 
.PopularPosts ul li:nth-child(7), 
.PopularPosts ul li:nth-child(9) { background: #c0392b; } 
.PopularPosts ul li:nth-child(2), 
.PopularPosts ul li:nth-child(4), 
.PopularPosts ul li:nth-child(6), 
.PopularPosts ul li:nth-child(8), 
.PopularPosts ul li:nth-child(10) { background: #e74c3c; } 
.PopularPosts li a { font-weight: bold; text-transform: uppercase; color: #eee !important; } 
.PopularPosts li:hover { background-color: #ff6c60 !important; transition: all 0.9s; }

    5. Simpan template

    6. Dan sekarang coba tambahkan entri popular di blog kamu sobat