Cara Membuat Popular post Sederhana

Assalamu'alaikum warohmatulloh wabarokaatuh sobat saya punya code untuk membuat warna-warni popular post tapi ini mungkin akan sulit bagi yang new bie seperti saya

Tutorial Bagai Mana Cara Menganti Popularpost Diblog

BTW ,SAYA INGAT KAN AGAR PAHAMI DULU MATERI NYA ,
atau  sobat lihat blog para master dulu gimana cara mengedit tema  soal nya saya dulu sempat gagal...dalam mengedit tema tapi saya pengen bisa dan terus belajar akhir nya sobat lihat sendiri hasil nya,  jadi curhat  nh maaf y sobat , ,ok langsung saja berikut tutorial

Pertama login dasboard blog sobat lalu

klik tema edit html

Kedua arah kan kusrsor didalam tema  yang berisi code-code lalu tekan CTRL+F
jika kotak search nya sudah muncul ,di dikotak search tulis atau pastekan  code berikut

 ]]></b:skin> lalu enter supaya kita tau dimana letak code tersebut

ketiga ketika code tersebut di temukan pastekan code berikut diatas nya

/* 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;}

ke empat klik pratinjau jika berhasil popular post nya akan berubah
kalau berhasil simpan tema  kalau belum jangan disimpan yo
dagh y sobat semoga berhasil

Alhamdulillah catatan sederhana Cara Membuat popular post Sederhana telah selesai mohon maaf jika da kesalahan
wasalamu'alaikum warohmatulloh wabarokaatuh

Artikel Terkait