Cara Membuat Scroolbar Pada Arsip Blog di Blogspot

Mungkin jika Sobat mempunyai banyak postingan di bulan ini maka tampilan arsip blog akan bertambah panjang ke bawah. Untuk menghemat tempat dan agar lebih praktis maka Anda bisa membuat scroolbar di bagian arsip blog seperti pada tampilan pada blog saya .

Bagaimana cara mudah membuat scrollbar pada arsip blog di blogspot?. Caranya mudah, oke langsung saja berikut ini langkah-langkahnya:

1. Login dulu ke blogger.com
2. Pilih menu "Design"
Klik "Edit HTML"
buat jaga-jaga kalo terjadi kesalahan, sebaiknya backup dulu template yang kita gunain, caranya klik "Download Full Template"
Beri tanda centang pada "Expand Template Widget"
3. Cari kode ini <div id='ArchiveList'> (supaya lebih gampang, tekan ctrl+f ‘n masukan kode yang dicari)
Kalo udah ketemu, copy/paste kode di bawah ini tepat sebelum kode <div id='ArchiveList'>

 <div style='overflow:auto; width:ancho; height:100px;'>
 Kalo udah, tambahin kode </div> di atas kode <b:include name='quickedit'/>

 Supaya lebih jelas, coba perhatiin Contoh yang ada dibawah ini

 <div style='overflow:auto; width:ancho; height:100px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>

Warna Merah : Kode yang harus sobat dicari
Warna Biru : Kode yang harus sobat tambahkan

4. Klik "Save Template"

{ 0 komentar... Skip ke Kotak Komentar }

Tambahkan Komentar Anda

 
Yahoo Messenger
Send Me IM!
Google Plus
Add Me To Your Circle!
Twitter
Follow Me!
Facebook
Add My Facebook
Original Template By Belajar SEO Blogspot - Himajiesized By Dayz Hidayat