Make Scroll Menu for label, post, widget, etc on blogger/blogspot

Basic scroll code :
The following are 2 examples of basic/standard scroll code that you can apply directly to your HTML Widget..

Example 1

Your links here...

Code:
<div style="overflow:auto;width:ancho;height:500px;padding:5px;border:1px solid #096DB0">

Your links here...

</div>


Example 2

Your links here...

Code:
<div style="overflow:auto;width:200px;height:300px;padding:5px;border:1px solid #096DB0">

Your links here...

</div>

Note: width:ancho , "ancho means : auto-fixed with widget section where you've placed the code" , or you may change it with any values, ex : 300px, 100px, ...etc

Make scroll menu on label

1 - First create label with an unique title, example "categories-1"
2 - Go to CSS section , Design/Layout - Edit HTML - Tick Expand widget template
3- Then, find the "categories-1"that you have made , then look at the red codes below , the red codes are that you must insert / add into it


<b:widget id='Label1' locked='false' title='categories-1' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<div style='overflow:auto; width:ancho; height:250px;'>
<b:if cond='data:display == &quot;list&quot;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>

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


4- Afterwards, you can change the "categories-1" title as you want, the unique name is just to make it easier when you search for the code..


Make scroll menu on posting / blog archive

1 - Find the code below, and the red codes are that you must insert / add into it

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

Look here for HTML color codes