Cara Membuat Scroll Pada Label

Label atau sering kali disebut kategori akan lebih menarik bila kita tampilkan dengan scroll. Dengan menggunakan scroll, maka label akan dapat kita lipat dan menghemat tempat di website kita. Untuk membuatnya ikuti langkah2nya sebagai berikut

*Pilih Tata Letak/Layout
*pilih Edit HTML
*jangan lupa klik Download Template Lengkap untuk membackup nya
*Klik Expand Widget Template
*Kemudian cari kode berikut:

<b:widget id='Label1' locked='false' title='JUDUL LABEL' 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;'>
<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>
</b:includable>
</b:widget>

*Ganti kode di atas Dengan kode di bawah ini

<b:widget id='Label1' locked='false' title='JUDUL 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:100px; height:200px;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

*Kemudian SAVE

Keterangan:
- warna merah adalah lebar dan tinggi nya ganti sesuai ukuran blog anda
- Ganti juga tulisan JUDUL LABEL





semoga sukses.