Membuat Arsip Blog Model Scroll

Bagi sobat yang ingin tampilan lebih rapi terutama arsip blog sobat yang sudah menumpuk artikelnya dan terlihat menjulang kebawah,kali ini Tips Blog dari shilopedia.net mungkin akan sedikit membantu.

Langsung saja tips dari kita kali ini adalah  Membuat Arsip Blog Model Scroll.Sebenarnya tidak terlalu suli juga kita hanya menambahkan sedikit script <div style='overflow:auto; width:ancho; height:100px;'> pada editan HTML template blog sobat
Berikut langkah yang akan kita lakukan : 

• Kita Login Dulu di Blogger
• klik Tata Letak
• Buat widget Arsip dengan nama Arsip Blog
• Pilih model Hirearchy untuk model ini (jika blog sobat belum ada arsip blognya)
• lalu simpan setelan.

• Langkah berikutnya kita klik Template
• klik Edit HTML ____ lanjutkan
• kita centang "Expand Template Widget"
• kita cari Arsip Blog >> cari dengan menggunakan (ctrl F) agar lebih mudah
• selengkapnya seperti dibawah 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:100px;'>
<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'/>

• Sebelumnya tidak ada kode merah di template Anda. Tambahkan kode itu untuk mengaktifkan scrolling-nya
• Simpan template anda dan lihat hasilnya. jika berhasil maka penampakan Arsip Blog sobat seperti gambar diatas

Keterangan:  

<div style='overflow:auto; width:ancho; height:100px;'> 
angka 100 bisa di ubah ketinggiannya sesuai keinginan sobat.

Demikian Sedikit Tips Tentang Membuat Arsip Blog Model Scroll semoga bermanfaat.