Make Frame Scroll in bloglist

we know that in service blogger especially in yard element there new facilities that is “bloglist”. this facilities when we shall exploit as container than friend links blogger of course more will interesting.

because with this facilities us will know newest article publication from blog friend that we are link. without having to open link than blog. we even also will not be fussed must straighten alphabet than name blog that we are link.
only we necessary add frame scroll so that list from blog that we are link not too long, this step is to anticipates blog we are link a lot of.

copy code follows :

#scrolling {
overflow: auto; height: yyypx; width: yy%;
background-color:#yyyyyy; border:ypx solid #yyy;
margin: ypx auto; padding:ypx; font-size: yypx;
color: #yyy; text-align: left;
}

change sign "y" of the size and colour code appropriate your taste

then we enter in yard layout, we open to edit html don't mark box expand template widget, paste code on : ]]></b: skin> then we save template.

still in tab edit html, mark box expand template widget

then look for code next:

<b:widget id='BlogList1' locked='false' title='My Blog List' type='BlogList'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<div id='blog-list-title'>
<h2 class='title'><data:title/></h2>
</div>
</b:if>
<div class='widget-content'>

add code <div id='scrolling'> between </b:if> and <div class='widget-content'>

the result will like this :

<b:widget id='BlogList1' locked='false' title='My Blog List' type='BlogList'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<div id='blog-list-title'>
<h2 class='title'><data:title/></h2>
</div>
</b:if>
<div id='scrolling'>
<div class='widget-content'>

then add code : </div> on code follows :

</b:includable>
</b:widget>

the result can you see in bloglist in this blog

please tried good successful