kumpulan membuat popular post berwarna dan keren

 Halo sobat webdsign di mana pun sobat berada,mungkin cara yang akan saya bagikan sebenarnya sudah ada sejak lama,tetapi di sini jika sobat menemukan artikel saya dengan topik membuat popular post berwarna dan elegan kali ini saya ada 2 variasi membuat popular post yang tentunya akan semakin menarik untuk dipasang di blog maupun website sobat,silahkan sobat pilih yang sesuai dengan keinginan untuk di pasang mana yang cocok dengan desain sobat.

1.popular post berwarna minimalis

cara membuatnya sobat seperti biasanya buka html ,lalu cari bagian CSS skin,setelah ketemu,sobat copy paste kode di bawah tepat di atas </style> atau di atas ]]></b:skin>setelah itu simpan.berikut scriptnya



untuk mengubah warna sesuai dengan selera sobat,sobat bisa mengganti script di bawah ini dengan warna yang sobat kehendaki.
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;}

1.popular post berwarna versi daun


dari segi tampilan script ini lebih elegan dan tentunya lebih enak di lihat,tidak terlalu minimalis.atau biasa-biasa saja.cara memasangya sangat mudah sama seperti contoh di atas taruh script di bawah ,tepat di atas </style> atau di atas ]]></b:skin>,berikut scriptnya


setelah selesai sobat simpan template ,atau bisa dengan lakukan preview,demikian 2 script membuat popular post lebih elegen dan berwarna,semoga bermanfaat dan salm belajar.

Baca juga artikel lainnya