Cara Membuat Scroll Pada Tabel Label

Disini saya akan Membuat trik untuk membuat scroll pada tabel label

Yang tujuannya untuk mempersingkat halaman yang di pergunakan oleh label. mungkin sebagian sobat blogger sudah pada ngerti.. tetapi mungkin sudah ada yang lupa dan bagi sobat blogger yang memang belum mengerti dan ingin mencobanya.. silahkan sobat ikuti langkah-langkah berikut ini..
1. login blog
2. Rancangan >> edit HTML >> centang 'Expand Template Widget'
3. Cari kode dibawah ini ( NB: Harus ada widget labelnya terlebih dahulu )
4. Tekan Ctrl + F untuk memudahkan mencari
5. Cari kode seperti dibawah ini :

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

 <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>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div> </div> </div>

Kalau sudah ketemu tinggal tambahkan saja kode yang warna merah itu untuk fungsi scrollnya.
Angka 300px adalah tinggi kotak scroll. bisa sobat ganti sesuai selera sobat...

Gak ada kode yang seperti <div class='widget-content'> ?????
Tenang gak usah khawatir, mungkin pada template sobat yang ada hanya kode
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
yah kalau adanya kode di atas ini maka taruh <div style='overflow:auto; width:ancho; height:300px;'> dibawah kode yang berwarna hijau

Nah..Setelah Anda Selesai Trus di Save.. Lalu Lihat Hasilnya..

Semoga bermanfaat.