cara buat scroll arsip/archive pada sidebar

cara buat scroll arsip/archive pada sidebar Blogger memang sangat paling diminati di era sekarang ini dengan begitu mudahnya kita untuk mempelajarinya baik itu bagian header,sidebar maupun footer,dll....
lah di sini saya akan memberikan sebuah pengetahuan atau sharing tentang gimana ya membuat scroll  archive(arsip)....?
caranya sangat mudah,langgsung saja...!!

1. masuk ke blogger anda
2. pilih tata letak
3. pilih widged  arsip blog
4. kemudian simpan widged arsip blognya tadi ....
5. proses pembuatan scroll yaitu kita harus masuk ke template blog kita  trus pilih edit HTML kemudian copy kode di samping/ di bawah yang saya beri warna hijau <b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'> lah di kode tersebut terdapat kode seperti yang ada di no  6 bagian yang saya kasih warna ungu
6. contoh

<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:300px;'>
<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>

7.untuk yang saya kasih warna merah tebal pada bagian no 6 di atas dan bawah harus sama persis

sepeti contoh ...