Cara Menambahkan Scroll Pada Archive Blog

Cara ini sangat berpengaruh sekali sama tampilan blog apabila jumlah postingan kita sudah terlalu banyak, nah seperti apa archive yang di tambahkan scroll, contoh nya seperti gambar di bawah ini :

Untuk caranya kalian bisa lihat di bawah ini :

       Pastinya kalian sudah login di blog
       Pilih/klik Template
       Klik Edit HTML, centang Widget Expand Template
       Gunakan CTRL+F dan cari kode seperti di bawah ini :

  <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>
 

Setelah ketemu hapus semua kode nya dan gantikan dengan kode di bawah ini :

<div style='overflow:auto; width:ancho; height:250px;'>
  <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>
 

Setelah itu preview dulu bila berhasil baru save template, ok selamat mencoba.