How to create a scroll at the Blog Archive

How to create a scroll at the Blog Archive.
As in this blog if the article in it a lot then scroll will function.
For details, just steps like this:
1. Entered first into acount or Blogger Dashboard
2. Select Layout, then click Edit HTML
3. First check Expand Widget Templates
4 .Find the code like this: <div id='ArchiveList'> or Archive.
5. To facilitate the search, just use Ctrl F, continue to type the word you are looking boxed which is served, then click next.
6. If so, add the red code as scroll.
7. The full code is as below:
<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 "_ArchiveList"'>
     <b:if cond='data:style == "HIERARCHY"'>
      <b:include data='data' name='interval'/>
     </ b: if>
     <b:if cond='data:style == "FLAT"'>
       <b:include data='data' name='flat'/>
     </ b: if>
     <b:if cond='data:style == "MENU"'>
       <b:include data='data' name='menu'/>
     </ b: if>
   </ div> </ div>
   </ div>
   <b:include name='quickedit'/>
   </ div>
</ b: includable>

200px high figure is that the scroll box, please be adjusted.
Your blog may have different code. Therefore, a similar look and to try, do not forget to keep backup template first.
If it do not forget to save the template.
Please feel free to try it.