Memasang Menu Scroll Down pada Archive Blog

Mungkinkah Artikel yang anda posting dalam sebulan terlalu banyak? dan Archive blog anda terlalu panjang, mungkin anda sudah mengetahui cara memasang scroll down untuk gambar atau link, tapi disini yang ingin saya bahas adalah memasang scroll down pada widget blogger, yang membutuhkan beberapa trik khusus.

Seberapa pentingkah scroll pada archive blog ? kalau menurut blogger newbie manfaat dari scroll down itu sendiri adalah menghemat tempat. jadi sidebar blog kita terlihat lebih rapi. untuk contoh perbandingannya seperti gambar dibawah ini.

Archive Blog (memakai scroll) Add caption

Archive Blog (tanpa scroll)

Tertarik untuk membuatnya ?? ikuti langkah - langkah berikut :

1. Masuk ke Acount Blogger atau Dashboard
2. Pilih Layout , lalu klik Edit HTML
3. Centang Expand Widget Templates
4. Cari kode <div id='ArchiveList'> (pakai Ctrl + F untuk lebih mudahnya)
5. Tambahkan kode bercetak tebal seperti dibawah ini (hasil jadi penempatan script seperti dibawah ini)
   
   
   <h2><data:title/></h2>
   </b:if>
   <div class='widget-content'>
   <div style='overflow:auto; width:ancho; height:250px;'>
   <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>
6. Angka 250px (tinggi kotak scroll) bisa kamu ganti sesuai selera
7. Klik Simpan template