Membuat Fungsi Scroll pada Label/Kategori

Pas lagi nyari-nyari tutorial tentang Cara Memasang Fungsi Scroll pada Arsip eh tidak tahunya malah nyasar dan temuin tutorial baru yang mirip-miriplah sama tutorial yang saat itu ane cari, Cara Membuat Fungis Scroll pada Label/Kategori di blog sob, lumayan buat ngirit template kita. Ane dapat tutorialnya dari Saung Wab terus ane cobat repost dengan sedikit bahasa ane sendiri agar lebih memudahkan buat pemahannya.

Berikut langkah-langkah untuk Membuat Fungsi Scroll pada Label/Kategori di blog :

1. Login ke id Blogger

2. Saat di Dasbor, klik tab Template lalu Edit Template HTML --> Centang pada Expand Widget Templates

3. cari kode <b:widget id='Label1' locked='false' title='Labels' kalau sudah ketemu coba scroll kebawah sedikit sampai temuin kode <div class='widget-content'>, nah sekarang letakkan kode berikut tepat dibawah kode <div class='widget-content'> tadi :

<div style='overflow:auto; width:ancho; height:300px;'>

4. Scroll lagi kebawah samape temuin kode <b:include name='quickedit'/>, kalau sudah dapat copy lalu pastekan kode </div> tepat dibawahnya. (Nantinya akan ada 2 kode </div> dengan yang baru ditambahin)

Untuk lebih jelasnya bisa lihat contoh berikut :

<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<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;'>
    <ol>
    <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>
        <span dir='ltr'>  <a class='labelfeed-link' expr:href='&quot;http://clwolvi.blogspot.com/feeds/posts/default/-/&quot; + data:label.name' style='margin-left:10px;' title='Subscribe'/></span>
      </li>
    </b:loop>
    </ol>
    <b:include name='quickedit'/>
  </div></div>
</b:includable>
</b:widget>

keterangan :

hegiht:300px adalah tinggi scroll pada label, silahkan sobat sesuaikan dengan keinginan sobat

yang warna biru <ol> dan </ol> adalah hasil perubahan dari <ul> dan </ul>. Untuk yang ini tidak terlalu berpengaruh sob, biar tidak diganti juga tidak kenapa2...