Cara Mudah Membuat Popular Pos Jadi Warna Warni

Cara Mudah Membuat Popular Pos Jadi Warna Warni

Baca Juga

Cara Mudah Membuat Popular Pos Jadi Warna Warni

Cara mudah membuat popular post jadi warna warni,  bila anda berkunjung ke blog tentu anda pernah melihat pada populat pos yang berwarna warni seolah kayak warna pelangi ada warna, biru merah, kuning, ungu dll

Nah pada kesempatan kali ini Bang dimar mau menulis cara mudah membuat popular pos jadi warna warni anda tertarik silahkan di praktekkan caranya sangat mudah begini langkah pembuatanya

1. Silahkan anda masuk ke dasbord silahkan klik editHTML dan cari kode ini ]]></b:skin> atau </style>

2. Pastekan kode script di bawah ini tepat diatas kode yang anda cari tadi

/*Custom 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{background-color:#eee;margin:0 0 0 0!important;padding:.5em 1.5em .5em .5em!important;counter-increment:num;position:relative}
.PopularPosts ul li a{color:#fff!important}
.PopularPosts ul li a:hover{color:#2c3e50!important}
.PopularPosts ul li .item-title a,.PopularPosts ul li a{font-weight:bold;color:inherit;text-decoration:none;font-size:14px}
.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;}
.PopularPosts .item-thumbnail{margin:0 0 0 0}
.PopularPosts .item-snippet{font-size:11px}

3. Setelah itu silahkan klik pratinjau terlebih dulu bila sudah merasa cocok kemudian klik simpan untuk warnanya bisa amda ganti mengikut selera anda.

Penting!!! Setiap anda melakukan editHTLM biasakan untuk backup templet terlebih dahulu.

Demikian cara mudah membuat warna pada popular post

Baca juga
Cara mudah membuat tulisan berjalan di blog