Cara Membuat Popular Post Dengan Scrool

Alasan kenapa widget Popular Post wajib di pasang di sebuah blog adalah karena membuat pengunjung mengetahui artikel atau postingan yang paling sering di baca di situs/blog anda.

Sejatinya widget Popular Post merupakan kumpulan artikel-artikel yang paling sering di baca pengunjung blog.

Banyak macam variasi widget Popular Post dari yang biasa sampai yang dimodifikasi atau  dari yang sederhana sampai yang berwarna-warni.
Baca juga: Cara Membuat Popular Post Keren Bergambar.

Pernahkah kalian melihat popular post gulir ke bawah secara otomatis? Jika belum, kali ini saya akan share tentang bagaimana cara membuat widget popular post scroll ke bawah secara otomatis.

Berikut Cara membuat widget Popular Post scroll ke bawah secara otomatis:

Masuk ke Blog

Klik Tata Letak kemudian Tambahkan Gadget

Pilih Popular Post

Pada settingan Popular Post centang thumbnail dan cuplikan

Klik Simpan

Langkah selanjutnya klik Tema

Pilih Edit HTML ( klik backup/pulihkan untuk berjaga-jaga)

Pada kolom edit HTML cari kode yang mirip dengan kode di bawah ini.

Untuk mempercepat pencarian, pada kolom edit klik kanan di mana saja lalu tekan CTRL+F

Akan muncul kolom pencarian di pojok kanan atas.

Ketikan sebagian kode di kolom pencarian lalu Enter.

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>

Setelah ketemu tempatkan kode dibawah ini persis dibawah kode diatas:

<marquee align='left' direction='up' height='140' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='3' width='100%'>

Setelah dipasang lalu tutup dengan </marquee> tepat dibawah kode </ul> sehingga susunannya menjadi seperti ini:

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<marquee align='left' direction='up' height='140' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='3' width='100%'>
    <b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
   <............>
      </b:loop>
    </ul>
</marquee>

Klik pratinjau jika tidak terjadi eror klik simpan.

Demikian panduan cara membuat populr post dengan scrool otomatis.
Semoga bermanfaat dan selamat mencoba.