Tutorial Membuat Auto Scroll pada Popular Post Blog

Selamat datang di KokoDodi.blogspot.com. Setelah saya memberikan tutorial tentang Membuat Auto Scroll pada Archive Blog, sekarang saya akan memberikan tutorial tentang Membuat Auto Scroll pada Popular Post Blog. Berikut ini dalah contoh tampilan Pupular Post dengan menggunakan Scroll.
Contoh Tampilan Popular Post dengan Scroll
Contoh Tampilan Popular Post dengan Scroll
Pada dasarnya prinsip ini hampir sama dengan membuat Auto Scroll pada Archive Blog. Untuk membuat Auto Scroll pada Popular Post, anda bisa mengikuti langkah-langkah dibawah ini.

Langkah Pertama :
Masuklah kedalam Dashboard blog anda lalu pilih menu Template. Setelah itu tekan tombol Edit HTML.
Contoh Tampilan Menu Template
Contoh Tampilan Menu Template
Langkah Kedua :
Carilah Kode <div class='widget-content popular-posts' , gunakan CTRL+F untuk mempercepat pencarian.
Contoh Tampilan Edit HTML
Contoh Tampilan Edit HTML
Langkah Ketiga :
Setelah menemukan kode diatas, tambahkan kode style='overflow-y:auto;height:250px;' disamping kode diatas. Sehingga kodenya sekarang menjadi 

<div class='widget-content popular-posts' style='overflow-y:auto;height:250px;'>

Gantilah angka 250 tersebut dengan panjang Archive yang anda inginkan. Lalu tekan Simpan Template.

Itulah langkah-langkah untuk membuat Auto Scroll pada Popular Post di Blog. Sekian dari tutorial saya kali ini, semoga dapat bermanfaat bagi anda dan terima kasih sudah berkunjung.

0 Response to "Tutorial Membuat Auto Scroll pada Popular Post Blog"

Post a Comment