Kode Script Widget Popular Post Keren
Seperti namanya, widget ini menampilkan artikel atau postingan paling banyak dibaca atau paling sering dikunjungi pada blog/website. Widget Popular Post seperti halnya widget, yaitu untuk memancing keterlibatan pengunjung dalam menjelajahi blog/website.
Bagi Anda yang penasaran seperti apa tampilan widget Popular Post di Berminat Template, silahkan menuju ke tombol demo di bawah ini.
Cara membuat widget Popular Post seperti digunakan Berminat Template
Widget Popular Post pada tutorial kali ini adalah untuk script Popular Post yang terbaru di update oleh Blogger, jadi pastikan Popular Post yang akan dimodifikasi ialah script Popular Post Terbaru. Simak tutorialnya berikut.Ke satu: Silahkan login ke Blogger, lalu masuk ke Tata Letak. Hapus widget Popular Post di blog Anda saat ini, lalu tambahkan lagi widget Popular Post tersebut.
Ke dua: Masuk ke Edit HTML. Ganti CSS widget Popular Post pada template Anda dengan CSS berikut ini.
.PopularPosts ul li {width:100%;max-width:300px;margin:0 auto 25px}
.PopularPosts ul li img {width:100%;max-width:300px;height:auto;list-style:none;padding:0;margin:0 0 10px}
.PopularPosts ul li .item-title{background:#fff;padding:10px}
.PopularPosts ul li a {font-weight:500 !important;color:#2b427d !important;line-height:1.4em !important;font-size:17px !important;text-decoration:none;}
.PopularPosts ul li a:hover{text-decoration:underline}
.PopularPosts .item-snippet{display:none!important}
Ke tiga: Temukan kode ini, lalu ganti angka 72 menjadi 300
data:post.featuredImage, 72
Sehingga hasilnya seperti ini:
data:post.featuredImage, 300
Ke empat: Temukan dan hapus kode di bawah ini.
, "1:1"
Ke lima: Temukan dan hapus semua kode berikut.
<b:include name='quickedit'/>
Ke enam: Simpan template.
Selamat mencoba, semoga berhasil.
Comments