Cara Membuat Popular Post Warna Keren

Cara Membuat Popular Post Warna Keren - Popular post atau artikel terpopuler adalah sebuah element yang menampilkan artikel-artikel yang sering dibaca. Popular post biasanya di tempatkan di sidebar. Popular post ini cukup penting di pasang pada blog/website, karena dengan begitu si pengunjung akan mengetahui artikel-artikel apa saja pada blog kita yang sering dibaca pengunjung lainnya. Tanpa banyak celoteh lagi, CS akan memberikan trik pada sobat bagaimana cara membuat popular post warna keren. mangga disimak.


1. Sobat login terlebih dahulu ke blogger

2. Pilih Tata Letak ► Tambah Gadget ► Entri Populer

3. Kemudian sobat setting Entri Populer seperti gambar dibawah ini


4. Selanjutnya, sobat pilih Template ► Edit HTML

5. Pasang kode berikut tepat di atas kode ]]></b:skin>

/*Custom Popular Post Copas Sange*/

    .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 Copas Sange */

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

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

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

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

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

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

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

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

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

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

6. Simpan Template dan lihat hasilnya

Itulah cara membuat popular post warna keren, semoga dapat bermanfaat.

loading...

► Copas Sange ◄

Berbagi Macam-Macam Tutorial Sobat sedang membaca artikel tentang Cara Membuat Popular Post Warna Keren. Jika sobat ada pertanyaan atau pesan mengenai artikel diatas, salurkan pada kolom berkomentar !! Dan untuk mendapatkan tambahan pahala, silahkan LIKE and SHARE ♂

:: Salam Blogger ! ::

LANGGANAN ARTIKEL GRATIS
Dapatkan Artikel Terbaru Disini !
Masukkan email anda di bawah ini ! Maka otomatis anda akan mendapatkan kiriman terbaru dari Blog ini secara gratis via email. Terimakasih.

0 Response to "Cara Membuat Popular Post Warna Keren"

Post a Comment