Wednesday, February 29, 2012

Cara Membuat Scroll Pada Tabel Label


Tujuannya scroll disini untuk mempersingkat halaman yang digunakan oleh label. Langkah-langkahnya sebagai berikut:
  •     Dari halaman dasbor, klik Tata Letak - Edit HTML.
  •     Beri tanda centrang pada Expand Template Widget.
  •     Kemudian cari kode dibawah ini (gunakan Control F atau F3).
<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>

Selanjutnya tambahkan kode yang warna merah itu untuk fungsi scrollnya.
Angka 300px adalah tinggi kotak scroll, bisa diganti sesuai selera.

Jika tidak ada kode seperti diatas <div class="widget-content"> coba cari kode dibawah ini:

<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>


Klau yang ada kode di atas ini maka taruh
<div style='overflow:auto; width:ancho; height:300px;'>
dibawah kode yang berwarna Biru

Selamat Mencoba