Cara Membuat Scroll Pada Widget Arsip Blog

Widget Arsip Blog atau Blog Archive adalah sebuah widget default yang sudah disediakan oleh blogger untuk membuat sebuah rangkuman semua artikel yang ada di blog kita sesuai dengan tahun dan tanggalnya, contoh widget tersebut bisa anda lihat di bagian sidebar blog ini, kali ini kita akan memodifikasi widget tersebut dengan menambahkan scroll agar widget terlihat lebih rapi dan tidak memakan banyak ruang di blog, berikut tutorialnya :

Sebelumnya pastikan anda sudah memasang widget Blog Archive di bagian tata letak
1. Masuk ke blogger
2. Lalu ke Template > Edit HTML
3. Langkah selanjutnya cari kode <div id='ArchiveList'> jika kesulitan mencari kode tersebut gunakan fiture pencarian dengan menekan tombol Ctrl + F
4. Letakkan kode dibawah ini tepat diatas kode <div id='ArchiveList'>

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

5. Lalu letakkan kode penutup </div> tepat diatas kode <b:include name='quickedit'/>
6. Kurang lebih hasilnya seperti dibawah ini

<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:200px;'> <div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div> <b:include name='quickedit'/>
</div>
</b:includable>

7. Klik Simpan Template.

Demikian artikel kali ini, sampai jumpa di artikel berikutnya, Semoga Bermanfaat.