Cara Memasang Scroll Bar pada Popular Post

Sama seperti Arsip Blog, fungsi Popular Post tentunya penting untuk menampilkan artikel paling sering dibaca atau dicari oleh pengunjung. Dengan adanya widget tersebut, pengunjung bisa melihat daftar artikel yang paling populer di sebuah blog. Ada nilai tersendiri jika kita menyulap widget Popular Post tersebut agar terlihat lebih simple, dan enak untuk dipandang.

Saya akan menambahkan sedikit variasi untuk widget Popular Post dengan menambahkan Scroll Bar agar widget tersebut tidak memakan banyak tempat di halaman blog. Contohnya bisa dilihat di gambar berikut ini:

Tertarik untuk memasangnya? Bagaimana caranya?

Cara Memasang Scroll Bar pada Popular Post

1. Login ke akun Blogger
2. Pilih Template >> Edit HTML
3. Cari kode berikut, caranya tekan Ctrl F:

<div class='widget-content popular-posts'>

4. Jika sudah ketemu, ganti kode tersebut dengan kode di bawah ini:

<div class='widget-content popular-posts' style='overflow:auto; width: 100%; height:300px'>

5. Simpan

Catatan: ganti tulisan berwarna Biru sesuai dengan kebutuhan template.

Itulah sekilas pemahaman saya tentang Cara Memasang Scroll Bar pada Popular Post. Semoga bermanfaat. Jika mencari artikel yang lainnya, silahkan cek di bawah ini:

Artikel Terkait

Cara Memasang Scroll Bar pada Popular Post

4/ 5

Oleh Bonita Benz