Membuat Popular Post Berwarna

Cara Membuat Popular Post Berwarna-Warni,- Pasti anda pernah melihat Popular post Berwarna warni di dalam widget sebuah blog. Ya, widget widget seperti itu yang penuh dengan warna karena saat ini sedang booming-nya blog yang ber-design warna warni menggunakan warna flat-ui. Mengapa banyak blogger ataupun pengunjung yang menyukai design seperti ini? Karena design design ini penuh dengan warna sehingga para blogger ataupun tidak akan mudah jenuh untuk terus membacanya, selain itu design seperti ini akan lebih mudah terbaca karena terlihat jelas perbedaan warna background dan tulisan. Bagaimana? anda tertarik untuk mencobanya? Simak postingan saya berikut ini tentang bagaimana cara membuat popular post yang menarik dan penuh warna.

Cara Membuat Popular Post Berwarna-Warni

Dalam postingan kali ini, saya akan membahas tentang Cara Membuat Popular Post Berwarna-Warni. Popular post ini bisa anda ubah warnanya sesuka hati anda, tapi harus di sesuaikan dengan warna teks yang ada di blog anda agar mudah terbaca. Berikut cara caranya :

Cara Mengubah CSS Menjadi Berwarna Warni

1. Login Blogger,
2. Buka HTML lalu edit HTML,
3. Cari kode ]]></b:skin>, lalu letakkan kode berikut di atasnya,
   
   

   /* Design Warna  Widget Popular Posts Warna-Warni */
   .PopularPosts ul li:nth-child(1){background-color:#c0392b}
   .PopularPosts ul li:nth-child(2){background-color:#e74c3c}
   .PopularPosts ul li:nth-child(3){background-color:#d35400}
   .PopularPosts ul li:nth-child(4){background-color:#e67e22}
   .PopularPosts ul li:nth-child(5){background-color:#f39c12}
   .PopularPosts ul li:nth-child(6){background-color:#f1c40f}
   .PopularPosts ul li:nth-child(7){background-color:#2980b9}
   .PopularPosts ul li:nth-child(8){background-color:#3498db}
   .PopularPosts ul li:nth-child(9){background-color:#16a085}
   .PopularPosts ul li:nth-child(10){background-color:#1abc9c}
   .PopularPosts .widget-content ul li{padding:10px !important;list-style:none;}
   .PopularPosts .item-title{font-weight:700}
   .PopularPosts .item-snippet{font-size:11px;color:#666}

4. Setelah itu Simpan.

Baca Juga : 

• Cara menanam backlink melalui komentar
• Memaksimalkan SEO on Page

Cara Memasang Popular Post

1. Login Blogger,
2. Buka Tata Letak atau Layout,
3. Lalu Tambah gadget atau tambahkan widget,
4. Setelah itu pilih popular post,
5. Sesuaikan jumlah popular post yang ingin di tampilkan,
6. Setelah itu simpan.

Itulah postingan saya tentang Cara Membuat Popular Post Berwarna-Warni, semoga dapat berguna dan bermanfaat bagi anda sehingga bisa menjadi refrensi jika ingin membuat atau mengubah popular post menjadi berwarna. Jika ada kesalahan dalam penulisan CSS segera komentar untuk segera di perbaiki.

Bagikan Artikel ini