Kompilasi Video FYP Tiktok
Kompilasi Video FYP Tiktok

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)

Buka Komentar
Tutup Komentar
No comments:
Write comment

Siapapun boleh berkomentar, tetapi dengan cara yang bijaksana dan bertanggung jawab. Berkomentarlah dengan nama yang jelas dan bukan spam agar tidak dihapus. Komentar sepenuhnya menjadi tanggung jawab individu komentator seperti yang diatur dalam UU ITE (Undang-Undang Informasi dan Transaksi Elektronik) maupun perundang-undangan yang berlaku.

Back to Top