Cara Mudah Membuat Popular Post Website/Blog Berwarna-warni

IPHEDIA.com - Banyak cara agar tampilan situs web/website/blog menjadi tambah menarik dan enak dipandang.

Salah satunya, membuat popular post situs web/website/blog menjadi berwarna-warni dengan menambahkan kode/script di tulisan ini.

Membuat popular post situs web/website atau blog kamu keren, berwarna-warni bak pelangi dan enak di pandang mata caranya sangat mudah. 

Langkahnya, Login masuk ke Dasbord Website/Blog kamu. Kemudian, pilih menu Tema / Template > Edit HTML. 

Lalu, cari Kode: ]]></b:skin> Selanjutnya, letakkan kode/script di bawah ini tepat di atas kode tersebut.

Cari Kode ]]></b:skin> letakkan kode/script di bawah ini tepat di atasnya:

/* Popular Post */
.PopularPosts ul,.PopularPosts li,
.PopularPosts li img, .PopularPosts li a,
.PopularPosts li a img {margin:0 0;padding:0 0;list-style:none;border:none;background:none;outline:none;}
.PopularPosts ul {margin:.5em 0;list-style:none;color:black;counter-reset:num;}
.PopularPosts ul li img {display:block;margin:0 .5em 0 0;width:50px;height:50px;float:left;}
.PopularPosts ul li {background-color:#eee;margin:0 10% .4em 0 !important;padding:.5em 1.5em .5em .5em !important;counter-increment:num;position:relative;}
.PopularPosts ul li:before,
.PopularPosts ul li .item-title a, .PopularPosts ul li a {color:#444 !important;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;top:0px;right:0px;padding-right:0px !important;}
.PopularPosts ul li:nth-child(1) {background-color:#E1F3FD;margin-right:1% !important}
.PopularPosts ul li:nth-child(2) {background-color:#EDE3F2;margin-right:1% !important}
.PopularPosts ul li:nth-child(3) {background-color:#EFF8DD;margin-right:1% !important}
.PopularPosts ul li:nth-child(4) {background-color:#FEF6E1;margin-right:1% !important}
.PopularPosts ul li:nth-child(5) {background-color:#FEE4E3;margin-right:1% !important}
.PopularPosts ul li:nth-child(6) {background-color:#E1F3FD;margin-right:1% !important}
.PopularPosts ul li:nth-child(7) {background-color:#EDE3F2;margin-right:1% !important}
.PopularPosts ul li:nth-child(8) {background-color:#EFF8DD;margin-right:1% !important}
.PopularPosts ul li:nth-child(9) {background-color:#FEF6E1;margin-right:1% !important}
.PopularPosts ul li:nth-child(10) {background-color:#FEE4E3;margin-right:1% !important}
.PopularPosts .item-thumbnail {margin:0 0 0 0;}
.PopularPosts .item-snippet {font-size:11px;}
.profile-img{display:inline;opaciry:10;margin:0 6px 3px 0;}

Silahkan Save (Simpan) dan lihat hasilnya. Tampilan popular post di website/blog kamu sudah menjadi keren.

Popular post situs web/website/blogmu berwarna-warni bak pelangi dan enak di pandang mata. Selamat mencoba! (as/ip)