Cara Membuat Popular Post Warna-Warni Keren

Cara Membuat Popular Post Warna-Warni Keren - Popular post adalah salah satu elemen yang terdapat pada blog yang berisikan artikel-artikel yang sering dibaca pengunjung atau para blogger Indonesia biasa menyebutnya "Artikel Terpopuler". Untuk membuat popular post bisa dilakukan dengan berbagai macam cara. Nah, pada kesempatan ini Kang AP akan memberikan trik bagaimana cara membuat popular post warna-warni keren. Bagi anda yang mau menerapkannya, silahkan ikuti langkah-langkah dibawah ini.

1. Pada blogger, silahkan anda pilih Template » Edit HTML

2. Pasang kode di bawah ini tepat di atas kode </b:skin>

/*Custom Popular Post Kang AP*/

.PopularPosts ul li a{color:#fff!important}

.PopularPosts ul li a:hover{color:#2c3e50!important}

.PopularPosts ul li:before,.PopularPosts ul li .item-title a,.PopularPosts ul li a{font-weight:bold;color:inherit;text-decoration:none}

/* Pengaturan Warna Popular Pos Kang AP */

.PopularPosts ul li:nth-child(1){background-color:#0000FF;}

.PopularPosts ul li:nth-child(2){background-color:#7B68EE;}

.PopularPosts ul li:nth-child(3){background-color:#1E90FF;}

.PopularPosts ul li:nth-child(4){background-color:#008000;}

.PopularPosts ul li:nth-child(5){background-color:#2E8B57;}

.PopularPosts ul li:nth-child(6){background-color:#3CB371;}

.PopularPosts ul li:nth-child(7){background-color:#FF4500;}

.PopularPosts ul li:nth-child(8){background-color:#FF8C00;}

.PopularPosts ul li:nth-child(9){background-color:#FFD700;}

.PopularPosts ul li:nth-child(10){background-color:#BDB76B;}

3. Kemudian anda Simpan Template


4. Selanjutnya pilih Tata Letak » Tambah Gadget » Entri Populer

5. Setting Entri populer seperti penampakan dibawah ini

Baca Juga :
» Cara Membuat Popular Post Gambar Berputar
» Cara Membuat Spoiler Keren Terbaru Pada Blog
» Cara Membuat Tulisan Berkedip Pada Postingan Blog

6. Simpan dan lihat hasilnya

Demikian cara membuat popular post warna-warni keren, semoga dapat membantu dan bermanfaat. Terimakasih atas kunjungannya and happy blogging.

Please Share » » Facebook Google+ Twitter