Cara Membuat Widget Popular Post Seperti Berminat Template

Tips blogspot/blogger kali ini tentang cara membuat widget Popular Post seperti yang digunakan oleh Berminat Template. Widget Popular Post pada Berminat Template tersebut memiliki tampilan yang responsive dan sederhana.

Seperti namanya, widget ini menampilkan artikel atau postingan paling banyak dibaca atau paling sering dikunjungi pada blog/website. Widget Popular Post seperti halnya widget Related Post, Random Post dan Recent Post, yaitu untuk memancing keterlibatan pengunjung dalam menjelajahi blog/website.
Modifikasi Widget Popular Post Seperti Berminat Template

Baca juga: Membuat Thumbnail pada Popular Post Tidak Bergambar

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.

Kesatu: 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.

Kedua: 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}

Ketiga: Temukan kode ini, lalu ganti angka 72 menjadi 300
data:post.featuredImage, 72

Sehingga hasilnya seperti ini:
data:post.featuredImage, 300

Keempat: Temukan dan hapus kode di bawah ini.
, "1:1"

Kelima: Temukan dan hapus semua kode berikut.
<b:include name='quickedit'/>

Keenam: Simpan template.

Selamat mencoba, semoga berhasil.
Niagahoster
VPS Starts from
$2.5
/Month

Vultr

Read Review
  • One-click installation of 20+ apps
  • Available 17 worldwide locations
  • 100% local SSD and high performance Intel CPUs
  • Infinite OS combinations
Visit Site
Gunakan link di atas untuk saldo akun $100 gratis
DigitalOcean
VPS Starts from
$5
/Month

DigitalOcean

Read Review
  • Deploy custom image, RDP, 1-Click App, or standard distribution
  • Flexibility and scalability
  • Fantastic average uptime of 99.99%
  • Infinite OS combinations (Linux and Windows)
  • Developer-friendly tools and APIs
Visit Site
Topup $25 to gets $100 in credit over 60 days with refer link above
Niagahoster
Mulai dari
Rp10K
/Bulan

Niagahoster

View Details
  • Free SSL Certificate
  • Garansi 30 hari
  • Free domain & website migration
  • Tersedia unlimited disk space (shared hosting, kecuali paket bayi)
Visit Site
Diskon unlimited hosting hingga 75%
Niagahoster
VPS mulai dari
Rp68
/Jam

IDCloudHost

View Details
  • One-Click Deploy
  • Lokasi server Indonesia termurah
  • Instal berbagai Control Panel, VM, OS dan aplikasi
  • Menghubungkan dengan API
Visit Site
Dapatkan free credit Rp50K dengan minimal topup Rp50K

Komentar telah ditutup dan disembunyikan. Jika ada yang perlu disampaikan silahkan kirim pesan lewat laman kontak.