Cara membuat scroll pada tampilan label

Cara membuat scroll pada tampilan label

apa kabar teman-teman para blogger ??

pada posting saya kali ini saya akan membagi tutorial tentang cara membuat scroll pada tampilan label. Seperti kita ketahui label sangat berguna bagi kita maupun pengunjung blog.

tampilan scroll ini akan berguna agar semua Label dapat ditampilkan pada halaman blog,tanpa perlu menggunakan banyak halaman.

Oke teman-teman sekalian pegunjung yang terhormat catatan runov, mari kita mulai langkah-langkah cara membuat scroll pada tampilan label ...

pertama-tama silahka anda masuk ke DASHBOARD >>> EDIT HTML >>>
sebelum kita mulai mengedit silahkan backup dulu template anda untuk sekedar jaga-jaga jangan lupa ya di expand dulu template widget nya...
nah setelah itu, anda cari dulu kode di bawah 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>

setelah menemukan kode diatas paste kode ini <div style='overflow:auto; width:ancho; height:300px;'> dibawah kode berwarna biru...
untuk ukuran kotak scroll silahkan anda atur sesuai selera dan ukuran widget anda...
jangan lupa save template dulu...