MEMBUAT ENTRI POPULER WARNAWARNI
Setiap yang mempunyai blog pasti ingin agar blognya dapat tampil keren agar pemilik dan pengunjung blog dapat merasa puas menggunakan desain blog dibentuk. Kali ini, saya akan membagikan tutorial membuat daftar entri populer keren dan warna-warni.
Cara Memasang Popular Post Keren dan Warna - Warni
1. Silakan masuk pada akun blogger Anda2. Kemudian Tambahkan Gadget dan pilih Entri Populer
3, Silahkan ubah judul sesuai hasrat.
4. Apabila ingin menampilkan gambar postingan silahkan centang "thumbnail gambar"
5. Dan jika ingin menampilkan sebagian keterangan postingan silahkan centang "cuplikan".
6. Atur jumlah aporisma entri yg ingin di tampilkan.
8. Kemudian cari kode
]]>
atau kemudian paste-kan kode CSS dibawah ini pada atasnya./*Custom Popular Post*/.popularPosts ul,.popularPosts li,.popularPosts li img,.popularPosts li a,.popularPosts li a imgmargin:0 0;padding:0 0;list-style:none;border:none;background:none;outline:none}.popularPosts ulmargin:.5em 0;list-style:none;color:black;counter-reset:num}.popularPosts ul libackground-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:hovercolor:#2c3e50!Important}.popularPosts ul li:before,.popularPosts ul li .item-title a,.popularPosts ul li a{font-weight:bold;color:inherit;text-decoration:none}.popularPosts ul li:beforecontent:counter(num)!Important;display:block;position:absolute;background-color:#333;color:#fff!Important;width:22px;height:22px;line-height:22px;text-align:center;bottom:0;right:0;padding-right:0!Important}/* Pengaturan Warna */.popularPosts ul li:nth-child(1)background-color:#f1c40f;}.popularPosts ul li:nth-child(2)background-color:#f39c12;}.popularPosts ul li:nth-child(tiga)background-color:#2ecc71;}.popularPosts ul li:nth-child(4)background-color:#27ae60;}.popularPosts ul li:nth-child(lima)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-thumbnailmargin:0 0 0 0}.popularPosts .item-snippetfont-size:11px}
Keterangan : Untuk mengubah rona latar setiap entri silahkan ubah kode CSS yang diberi warna merahDan selamat, kini sobat ITE sudah mempunyai entri warna-warni yang keren. Demikian Cara Membuat Entri Populer warna-warni. Semoga bisa membantu sobat ITE dalam mendesain blog.