Cara Membuat Scroll Box Pada Widget Archive Blog

Comeon-Moveon | Bagaimana Cara Membuat Scrool Pada Widget Archive Di Blog? - Seperti anda lihat pada widget sidebar Comeon-Moveon pada Archive Blog Comeon-Moveon menggunakan scroll agar tidak terlalu panjang artikel yang keluar. Apakah anda juga ingin mencoba Cara Membuat Scroll Pada widget Archive Blog anda, silahkan ikuti tutorial berikut :

1. Login ke Acount Blogger atau Dashboard.
2. Klik Template >> Edit HTML >> Lanjutkan (centang Expand Template Widget).
3. Cari kode yang seperti ini : <div id='ArchiveList'>
   Untuk memudahkan mencarinya , pakai saja Ctrl +F , terus ketik kata yang dicari dikotak yang disediakan.
4. Kemudian letakan kode ini : <div style='overflow:auto; width:ancho; height:220px;'> di atas kode <div id='ArchiveList'>
5. Masukan kode berikut : </div> di baris ke 11 setelah dari <div id='ArchiveList'>
6. Apabila berhasil maka akan diperoleh kode seperti dibawah ini :

<h2><data:title/></h2>
   </b:if>
   <div class='widget-content'>
 <div style='overflow:auto; width:ancho; height:220px;'>
   <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'/>
   </div>
 </b:includable>

Catatan : Untuk Mengatur Ketinggian Scroll Box, ganti kode height:220px sesuai keinginan anda, misalnya height:100px.

7. Kalau sudah selesai, Simpan Template dan lihat hasilnya, maka akan diperoleh scroll box untuk widget archiev/arsip blog seperti gambar di bawah.

Sekian tutorial cara memasang scroll box pada widget Archive di blog. semoga bisa bermnafaat :)