Cara Memberi Scroll pada Blog Archive

Blog archieve atau arsip blog yang mengunakan pilihan hierarki biasanya akan memanjang tak beraturan, sesuai dengan jumlah artikel yang kita publish tiap bulannya (bisa juga mingguan, tergantung pilihan kita). Tentu saja ini akan sedikit mengganggu penampilan blog karena panjang sidebar menjadi tidak menentu.

Untuk itulah perlu dibuatkan scroll agar panjangnya tetap sesuai aturan yang kita buat.

Cara ini tak jauh berbeda dengan yakni dengan memasukkan kode

style='overflow:auto; height:200px'

Mungkin masih pada bingung ??? Cara Membuatnya cukup gampang langsung aja ke tutorialnya :
1. Login Blog
2. Rancangan --> Edit HTML --> Centang Expand Template Widget
3. Cari kode dibawah ini ( NB: Harus ada widget labelnya terlebih dahulu )
4. Tekan Ctrl + F untuk memudahkan mencari
5. Cari kode seperti dibawah ini dan
6. Masukkan kode yang berwarna merah 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 seler.

Tidak ada kode seperti <div class='widget-content'> ?????
Tenang tidak usah usah khawatir, mungkin pada template blog yang ada hanya kode

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

kalau adanya kode di atas maka taruh <div style='overflow:auto; width:ancho; height:300px;'> dibawah kode yang berwarna hijau 


7. Simpan Template

Selamat mencoba