Cara Membuat Scroll Box Arsip Blogspot

Daftar arsip blog semakin hari akan semakin panjang, apalagi bagi sobat blogger yang rajin update posting, pasti akan makan banyak tempat, dan sepertinya tidak enak dipandang mata. Untuk mengakalinya, yaitu arsip blog kita di pasang pada scroll box untuk arsip dengan unkuran yang kita tentukan sendiri. Untuk itu pada kesempatan ini saya akan berbagi tentang cara membuat scroll box arsip blogspot. Tapi sebelumnya anda harus mengaktifkan pengaturan arsip blog pada pengaturan blogspot. Setelah semuanya siap baru kita mulai  membuat scroll box arsip pada blogspot.

Caranya seperti dibawah ini

1.   Bagi anda yang belum mnegaktifkan widget Arsip Blog

·         Login ke blogger

Klik Tata Letak > Klik Elemen Halaman

Tambahkan sebuah elemen halaman > Tambah elemen Arsip Blog

Dalam hal ini Anda harus pilih gaya Hierarki > Simpan perubahan

·         Setelah itu, klik Edit Html

Beri tanda centang pada tulisan Expand Widget Template

Lalu Anda cari kode seperti ini

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

<b:includable id='main'><b:if cond='data:title'><h2><data:title/></h2>

</b:if>

<div class='widget-content'>

Untuk mempermudah pencarian gunakan tombol Ctrl + F

Kemudian tambahkan kode <div style='overflow:auto; width:ancho; height:260px;'>

 ( kode untuk scroll box nya ) seperti ini persis dibawah code

<div class='widget-content'>

Untuk memperjelas lihat hasil akhirnya maka akan seperti ini

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'> <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:260px;'>

Setelah itu cari kode seperti dibawah ini

<b:ifcond='data:style==&quot;MENU&quot;'><b:includedata='data'name='menu'/>

<b:if>

</div>

</div>

Setelah ketemu tambahkan kode </div>

 seperti ini persis setelah </div> yang kedua. Jadi kode </div> nya ada 3 buah

untuk memperjelas, lihat hasil akhirnya maka akan seperti ini.

<b:ifcond='data:style == &quot;MENU&quot;'><b:include data='data'name='menu'/>

</b:if>

</div>

</div>

</div>

Kalau anda masih ragu, coba perhatikan hasil akhir dari keseluruhan akan seperti ini

<b:widgetid='BlogArchive2' locked='false' title='Arsip Blog'type='BlogArchive'> <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:260px;'>

<div id='ArchiveList'>

<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>

<b:if cond='data:style==&quot;HIERARCHY&quot;'>

<b:includedata='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>

Pada kode <div style='overflow:auto; width:ancho; height:260px;'>

Angka 260 px adalah tinggi dari bidang tersebut anda bisa mengubahnya sesuai dengan ukuran widget blog anda.

Seperti itulah cara membuat scroll box arsip pada blogspot.

Selamat mencoba, semoga berhasil.

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