Blogger Creative

Membuat Scroll Pada Tampilan Label Sangat Bermanfaat yaitu agar semua label bisa di perlihatkan di halaman blog tanpa memakai banyak halaman, scroll ini akan membatasi ukuran tampilan label, tetapi nama label akan termuat semua di dalamnya..
Seperti Contoh Berikut ini :

Example :

Untuk Membuat Tampilan Scroll Seperti diatas, Ikuti langkah-langkah berikut ini:

1. Login Ke Account Blog Anda
2. Pilih Design
3. Lalu Pilih Edit HTML
4. Sebelum Melakukan Pengeditan, ada baiknya download terlebih dahulu Template Blog anda.
5. jangan Lupa untuk Memberi tanda Centang pada "Expand Template Widget"
6. Mulai Pengeditan,
Cari kode dibawah ini ( NB: Harus ada widget labelnya terlebih dahulu )
Tekan Ctrl + F untuk memudahkan mencari, 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

Setelah Selesai Melakukan Pengeditian, Save template anda.
dan Lihat Hasinya....