Cara Memasang dan Membuat Scroll pada Blog Archive

Sebenarnya pemasangan fungsi scroll pada blog itu dengan satu kode saja bisa, tapi mungkin pengguna blog masih bingung dan mencari kata kunci yang tepat, nah pada hari ini saya ingin memberikan kode fungsi scroll, sebelumnya juga saya pernah menulis tentang Bagaimana Cara Memasang Scroll pada Widget, tapi langsung saja pada tujuan awal silahkan di simak:

Cara Memasang Scoll pada Archive Blog

1. Login ke Blogger
2. Di halaman Dasboard, pilih Template
3. Kemudian pilih Edit HTML [BACKUP DULU]
4. Cari kode ini : <div id='ArchiveList'> lebih cepatnya gunakan CTRL+F
5. Setelah ketemu taruh kode <div style='overflow:auto; width:ancho; height:200px;'> ini tepat diatasnya kode <div id='ArchiveList'>
6. Kemudian beri kode tambahan </div> sebelum kode <b:include name='quickedit'/>
7. Selesai
   Catatan : Sebelum kalian menggunakan tutorial ini sebelumnya kalian harus tambahkan HTML/Java Script - Blog Archive pada Tata Letak blog kalian [INFO]

• Jika masih bingung kalian bisa melihat tata letak yang benar seperti dibawah ini :

<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
<div style='overflow:auto; width:ancho; height:200px;'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div></div>
  <b:include name='quickedit'/>
  </div>
</b:includable>

Save dan lihat hasilnya, semoga bermanfaat jangan lupa komentarnya ya Bro, :)