Cara Membuat Scroll Pada Popular Post di Blog

Cara Membuat Scroll Pada Popular Post di Blog - Entri Populer - Popular post dapat disebut juga dengan entri populer.  Widget ini akan menampilkan posting-posting suatu blog yang populer berdasarkan pageviewnya. pada umumnya tampilan popular post ditampilkan banyak sampai menghabiskan tempat sidebar, nah,,,, untuk membuat blog lebih cantik kita bisa pasang scroll pada popular post agar lebih simple dan menarik juga bisa menampilkan jumlah popular post dengan jumlah yang  dan menghemat ruang sidebar blog kita.

Kurang lebih Hasilnya seperti gambar dibawah ini:

Langsung saja, berikut tutorial Cara Membuat Scroll Pada Popular Post di Blog tentunya dengan sangt mudah sob,,,,, cekidot !!!!!

Cara Membuat Popular Post/Entri Populer dengan Fungsi Scroll

Cara 1

Cara membuat Scroll Pada popular Posts, Artikel Populer, Memberi Scroll Pada Widget .

1. Login ke Blogger
2. Klik rancangan >> edit html >> klik centang “expand template widget” dan tekan ctrl + f untuk memudahkan pencarian kode.
3. Cari kode <div class='widget-content popular-posts'>
4. Jika sudah ketemu, silahkan ganti kode tersebut dengan kode berikut ini :

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

     Keterangan: angka 300 bisa sobat ganti sesuai keinginan sobat.

    5. Jika sudah, klik simpan template.
Bagaimana sobat? Mudah bukan carannya? Kalau masih lom berhasil pindah cara 2. OK

Cara 2

Cara Membuat Scroll Pada Popular Post di Blog

Cara Membuat Scroll Pada Popular Post di Blog :
1. Login ke blogger dengan akun sobat
2. Masuk ke halaman Template
3. Klik Edit HTML
4. cari kode ]]></b:skin>
(gunakan Ctrl+F)
5. copy dan paste kode di bawah ini tepat di atas kode ]]></b:skin>

#PopularPosts1 .widget-content{
height:200px;
overflow:auto;
}

6. Ganti angka 200 dengan tingginya
7. Simpan dan lihat hasilnya

Sekian Dulu  Cara Membuat Scroll Pada Popular Post di Blog, Sekarang tampilan popular post sobat lebih simple dan keren