Membuat Scrollbar Pada Arsip Blog Di Blogspot nah ini Cara Untuk Membuat Scrollbar Pada Arsip Blog Di Blogspot

Waktu ekoOk jalan-jalan di depan kompi terus ekoOk munuju salah satu blog orang ekoOk lihat ada sesuatu yang menarik yang bikin ekoOk penasaran ingin mencobanya untuk menerapkan di http://ekookdamezs.blogspot.com/ nahh ini dia Scrollbar Pada Arsip Blog, kemudian ekoOk mencobanya dan alhamdulillah berhasil Membuat Scrollbar Pada Arsip Blog Di Blogspot. Begini caranya 

 Login dulu ke blogger.com

1. Pilih menu "Design"
2. Klik "Edit HTML"
3. Alangkah baiknya backup dulu template yang kita gunakan "demi keamanan takutnya terjadi sesuatu pada blog kesayangan kita", caranya klik "Download Full Template"
4. Beri tanda centang pada "Expand Template Widget"
5. Cari kode ini <div id='ArchiveList'>
   (supaya lebih mudah, tekan ctrl+f terus masukan kode yang dicari)
6. 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 perhatikan beberapa kode yang ada dibawah ini jadi seperti ini sob !

<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'/>

Preview dulu kalo dah yakin dan gak eror

Klik "Save Template"

Perlu diperhatikan:

Teks warna Merah adalah posisi dimana kode harus diletakkan

Teks warna Hijau adalah ukuran dari tinggi kotak arsip blog yang udah kita tambahin scroll button

Semoga bermanfaat dan membantu ya sob !!