Cara Menambah Fungsi Scroll pada Widget Archive

Seperti pada label , Archive/Arsip biasanya terlalu panjang dan membuat blog tampak tidak rapi. Nah, di artikel kali ini saya akan Berbagi cara membuat fungsi Scroll pada Widget Archive. Berikut caranya

1. Login ke Blogger
2. Buka Template >> Edit HTML
3. Centang Expand template Widget, caranya lihat disini.
4. Cari Kode <div id='ArchiveList'>.  Lalu pastekan kode di bawah setelah kode <div id='ArchiveList'>

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

     5. Cari kode <b:include name='quickedit'/>  Lalu pastekan kode </div>  diatas <b:include          name='quickedit'/> . Simpan.

Hasilnya seharusnya seperti ini :

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

Note : 

~Kode berwarna biru diatas mengatur tinggi widget, bisa diganti sesuai keinginan

~Jika tidak ada kode <div id='ArchiveList'> ,maka yang harus dilakukan adalah :

     1. Klik lompat ke widget, pilih Archive anda.

     2. Letakkan kode <div style='overflow:auto; width:auto; height:250px;'> Diantara kode <div class='widget-content'>  dan <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'> 

Sekian cara membuat fungsi scroll pada Archive. Semoga Bermanfaat.

benediktif.