Cara membuat scroll di widget archive blog

Membuat widget Archive blog dengan fungsi scroll tentunya akan memberiklan sebuah gaya tampilan yang lebih menarik.
tidak hanya itu jika archive tersebut memiliki jumlah artikel yang banyak maka akan begitu memakan ruang kosong di halaman blog kita.
untuk mensiasatinya kita perlu menambahkan fungsi scroll down di dalam widget archive blog tersebut.
caranya cukup mudah, silahkan simak langkahnya berikut ini,

Cara Membuat Scroll Pada Blog Archive (Arsip Blog) Tampilan Lebih Menarik

1. Login ke Blogger.
2. Di halaman Dasboard, kita pilih Rancangan Blogger.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Kemudian carikan kode berikut ini :

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>

Bila sudah ketemu lalu sesuaikan template bloggnya seperti berikut

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

Keterangan kode diatas :
Warna hijau adalah kode yang perlu diperhatikan.
Warna biru adalah kode yang perlu untuk ditambahkan

Sudah paham ? silahkan dicoba dan semoga berhasil.  :cool