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 akublogger Anda
2. 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.
7. Buka dasboard blog sobat ITE kemudian pilih Edit HTML.
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 merah

Dan 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.


Popular posts from this blog

DOWNLOAD GRATIS AUTODESK AUTOCAD 2009 FULL VERSION

DOWNLOAD GRATIS SOLIDWORKS 2019 FULL VERSION