Cara bikin popular post berwarna di blogger

Popular post atau artikel Popular adalah suatu bentuk posting terpopular atau yang sering dibaca banyak orang di blogger anda. :)
Pada kali ini MAKNYUSblogger akan coba berbagi tentang Cara bikin popular post berwarna di blogger agar popular Post pada blog anda terlihat elegan Warna-Warni dan unyu-unyu dengan memanfaatkan CCS Pseudo Element dan nt-hchild Sehingga tampilan popular post anda menjadi menarik
enak dipandang mata seperti tampilan pada gambar berikut ini :

Cara bikin popular post berwarna di blogger

1. Silahkan Masuk Pada akun blogger Anda
2. Kemudian Tambah gadget dan pilih Enri popular lalu atur agar popular post menampilkan Thumbnal gambar
   
3. Kemudian Tambahkan CCS Dibawah ini Pada template anda Tempatkan Diatas Kode ]]></b:skin> atau </style>
    

/*Widget warna-Warni*/
.PopularPosts ul,.PopularPosts li,.PopularPosts li a{margin:0;padding:0;list-style:none;border:none;background:none;outline:none}.PopularPosts ul{margin:0;list-style:none;color:black;counter-reset:num}.PopularPosts ul li{background-color:#eee;margin:0 0 0 0!important;padding:.5em 1.5em .5em .5em!important;counter-increment:num;position:relative}.item-thumbnail img{float:left;margin:0 10px 0 0}.PopularPosts a{color:#fff!important}.PopularPosts a:hover{color:#222!important}.PopularPosts ul li:before,.PopularPosts ul li .item-title a,.PopularPosts ul li a{font-weight:bold;color:inherit;text-decoration:none}.PopularPosts ul li:before{content:counter(num)!important;display:block;position:absolute;background-color:#333;color:#fff!important;width:22px;height:22px;line-height:22px;text-align:center;bottom:0;right:0;padding-right:0!important}.PopularPosts ul li:nth-child(1){background-color:#f1c40f}.PopularPosts ul li:nth-child(2){background-color:#f39c12}.PopularPosts ul li:nth-child(3){background-color:#2ecc71}.PopularPosts ul li:nth-child(4){background-color:#27ae60}.PopularPosts ul li:nth-child(5){background-color:#e67e22}.PopularPosts ul li:nth-child(6){background-color:#d35400}.PopularPosts ul li:nth-child(7){background-color:#3498db}.PopularPosts ul li:nth-child(8){background-color:#2980b9}.PopularPosts ul li:nth-child(9){background-color:#ea6153}.PopularPosts ul li:nth-child(10){background-color:#c0392b}

Simpan Dan liat Hasilnya
Selamat popular post anda Sekarang berubah Menjadi Warna-Warni Semoga berhasil bila Kesulitan Silahkan tinggalkan komentar di bawah :)
Baca Juga : Memasang widget popular post berwarna warni

Anda baru saja membaca artikel tentang - Cara bikin popular post berwarna di blogger. Silahkan baca artikel berikutnya Tentang - Next - Jangan lupa g+1 / fb / twit :)