Cara Membuat Dan Memasang Scroll Pada Widget Arsip / Blog Archive

Pada umumnya saat sobat menambahkan widget arsip blog di blog sobat, maka secara default ketika sobat mengkliknya akan membuat tampilan arsip blog memanjang ke bawah. Dan tentunya jika sobat memiliki jumlah postingan yang banyak maka widget arsip blog juga akan lebih panjang. Ada cara untuk membuat widget arsip menjadi lebih ringkas, yakni dengan menjadikannya scroll, sehingga ketika mengklik link pada widget arsip blog, tidak akan memanjang, tetapi akan berubah menjadi scroll. Berikut penampilan widget archive blog yang telah dibuat scroll :

Widget Arsip Blog Dengan Scroll

Cara membuat scroll pada arsip blog adalah sebagai berikut :

1. Masuk ke akun blogger.
2. Dari halaman dasbor, pilih Template.
3. Kemudian klik Edit HTML.
4. Kemudian cari kode " <div id='ArchiveList'> " . Gunakan CTRL+F untuk memudahkan pencarian.
5. Kemudian terapkan seperti ini dengan menambahkan kode berwarna Merah di bawah ini:

<div style='overflow:auto; width:ancho; height:200px;'>
<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>
<b:include name='quickedit'/>
</div>
</div>
</b:includable>

Cara Membuat Dan Memasang Scroll Pada Widget Arsip Blog

Letakkan <div style='overflow:auto; width:ancho; height:200px;'> tepat di atas <div id='ArchiveList'>. Untuk mengatur tinggi widget sobat dapat mengubah height:200px sesuai dengan keinginan sobat. Jangan lupa juga menambahkan </div> sesudah <b:include name='quickedit'/>

Sebelum disimpan ada baiknya sobat Preview (Pratinjau) untuk melihat perubahan yang terjadi, jika sudah yakin Simpan template sobat.