Membuat kotak Scroll Pada Blog

Apa itu Kotak Scroll..?
Kotak scroll dipakai untuk menyederhanakan tampilan widgets supaya dapat menghemat ruang pada Blog.

• Login Blog anda, lalu Pada halaman  dasbor langsung menuju rancangan Edit HTML  lalu jangan lupa centang Expand Template Widget.
• Cari kode <div id='ArchiveList'>.
• Kalo udah ketemu copy kode dibawah ini tepat diatas kode diatas
  <div style='overflow:auto; width:ancho; height:230px;'>
  Angka yg tebal itu bisa kalian ganti dengan ukuran yg cocok dengan ukuran template kalian.
  
• Kemudian kalian lihat lagi kode tersebut dengan lengkap , biasanya kodenya seperti 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>
  <b:include name='quickedit'/>

• Sekarang kalian edit sehingga jadinya menjadi
  <div style='overflow:auto; width:ancho; height:230px;'> 
  <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'/>

*huruf yg bercetak tebal adalah script yg harus ditambahin supaya hasilnya sempurna*

• Terakhir Klik Simpan

Selesai Deh.. Sekarang lihat Hasilnya..