Cara membuat scrolbar pada arsip blog

Mungkin jika Anda 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. Caranya mudah, oke langsung saja berikut ini langkah-langkahnya:

1. Login ke akun blog sobat-sobat dulu
2. Pilih menu "design"
3. Pilih "edit HTML"
4. Jangan lupa beri centang pada "Expand Template Widget"
5. Cari Kode  <div id='ArchiveList'>
6. Kalo sudah ketemu Copy paste kode berikut tepat  sebelum kode tadi ( no.5)
   

   <div style='overflow:auto; width:ancho; height:100px;'>

7. Kalo udah tambahkan kode </div>  di atas kode <b:include name='quickedit'/>
   Supaya lebih jelas seperti 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'/> 
8. KLik save dan selesai deh...?
Catatan : Teks warna merah adalah posisi  kode yang harus di letakan 

Semoga bermanfaat...?

Artikel Terkait