cara membuat kategori menjadi scroll bar

tutorial kali ini adalah kategori dengan fungsi scroll postingan ini q tulis sengaja untuk membantu kalian yang kesusahan nyari di google, walaupun juga banyak yang dateng dari google. dan sekarang bagi blog yang punya banyak label/kategori/daftar isi yaaah pokocnya itulah, gakperlu makan tempat lagi alias panjang sebelah.

menu scroll sudah banyak yang tau, yuitu menu yang ditarik kebawah dan keatas. nah contahnya kaya gini


untuk membuatnya gampang, ikuti langkah berikut ni :

1. login blogger.
2. berilah judul dibagian mana yang anda mau dibikin menu scroll. contoh nya diblog mu kan ada menu yang namanya label ato daftar isi diganti jadi kategori. tadi tu cuman contoh yang penting ada judulnya..... ok.
3. anggap aja tadi sobat memberi judul labelnya "kategori".
4. sekarang ke edit html.
5. Klik Expand Template Widgets.
6. cari label yang tadi sobat buat, biar gampang CTRL+F dan ketikkan “Kategori”,
7. perhatikan saja code yang warna mereh dibawah ini :

<b:widget id='Label1' locked='false' title='Categories' 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:300px;'>
<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>

8. jangan lupa simpan. dan liat hasilnya.

Oooya.... pasti kemungkinan template sobat berbeda dengan template q

dan mungkin template sobat tulisannya kaya gini

<div class='widget-content'>