Cara dan Tips Membuat Popular Post Keren Scroll ke Bawah

Cara dan Tips Membuat Popular Post Keren Scroll ke Bawah - Pernahkah sobat 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.


Caranya cukup mudah kok.
Berikut Cara membuat widget popular post scroll ke bawah secara otomatis:

1. Log in ke akun blogger sobat
2. Masuk tata letak klik add a gadget/ tambahkan widget
3. Tambahkan widget popular post
4. Jika klik template dan edit HTML
5. Cari kode yang mirip dengan kode berikut ini:

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

5. 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%'>

6. Setelah sudah dipasang lalu kita tutup dengan </marquee> tepat dibawah kode </ul> sehingga susunannya menjadi seperti di bawah 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>
Note
 
Merah : Merupakan kode yang dicari
Biru  : Merupakan kode yang ditambahkan
Hijau : Merupakan kode yang panjang jadi saya menyingkatnya

7. Klik pratinjau jika tidak terjadi eror klik simpan.

Related Posts

Load comments

Comments