Menambah Scroll Pada Label

Trik yang akan segera kita bahas kali ini adalah, Cara membuat tombol scroll pada Label. Bagi anda yang labelnya banyak, tentuh risih kan melihal label yang terus memanjang kebawah dan otomatis akan boros tempat. Saya sarankan untuk anda supaya memasang scroll ini di blog anda agar labelnya terlihat rapi dan tidak memakan tempat. Contoh dari Scroll pada Label, dapat dikihat gambar diatas.

\

Langkah-langkahnya :

• Masuk ke Blogger
• Pilih Menu Template
• Lalu pilih Edit Template, kemudian pilih lanjutkan
• Cari kode berikut :

<b:widget id="Label1" locked="false" title="Labels" type="Label">

<b:includable id="main">
<b:if cond="data:title">
<h2><data:title></data:title></h2>
</b:if>
<div class="widget-content"><ul>
<b:loop values="data:labels" var="label">
<li>
<b:if cond="data:blog.url == data:label.url">
<span dir="data:blog.languageDirection">
<data:label.name>
</data:label.name></span>
<b:else>
<a dir="data:blog.languageDirection" href="data:label.url">
<data:label.name>
</data:label.name></a>
</b:else>
<span dir="ltr">(<data:label.count>)</data:label.count></span>
</b:if></li>
</b:loop>
</ul>
<b:include name="quickedit">
</b:include></div>

• Ganti kode diatas dengan kode dibawah ini :

<b:widget id="Label1" locked="false" title="Labels" type="Label">

<b:includable id="main">
<b:if cond="data:title">
<h2><data:title></data:title></h2>
</b:if>
<div class="widget-content">
<div style="overflow: auto; height: 300px;"><ul><b:loop values="data:labels" var="label">
<li>
<b:if cond="data:blog.url == data:label.url">
<span dir="data:blog.languageDirection">
<data:label.name>
</data:label.name></span>
<b:else>
<a dir="data:blog.languageDirection" href="data:label.url">
<data:label.name>
</data:label.name></a>
</b:else>
<span dir="ltr">(<data:label.count>)</data:label.count></span>
</b:if></li>
</b:loop>
</ul><b:include name="quickedit">
</b:include></div>
</div>

Keterangan :

• Yang berwarnah hijau adalah kode scroll nya
• Yang berwarna biru kode untuk button. Kode yang berwarna biru dapat diganti menjadi <ol> dan diakhiri dengan </ol> untuk diganti menjadi angka

Get free daily email updates!

Follow us!

[Get this widget]