Cara Mudah Memasang Fungsi Scroll Pada Archive Blog / Arsip Blog

Prima Share - Archive Blog atau Arsip Blog adalah widget bawaan Blogger yang fungsinya menampilkan seluruh postingan kita. Tapi jika kita menggunakan mode "Heraiki", widget ini akan terasa panjang banget dan menuh-menuhin sidebar blog kita. Yang blognya udah ada menu accordion sih gak masalah tapi gimana yang templatenya enggak menggunakan menu accordion ?? simpel aja kan masih bisa menambahkan fungsi scroll, hehehe ... Jadi bisa diatur panjang widget achive blog ini. Lalu, bagaimana cara memasangnya?? ikuti tutorial berikut ....






1. Log-in Blogger
2. Masuk ke Dashboard >> Template >> Edit HTML
3. Cari kode <b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
*tulisan yang berwarna merah ganti dengan judul widget archive di blog-mu
4. Sekarang tinggal masukan kode <div style='overflow:auto; width:ancho; height:250px;'> dan akhiri dengan tag </div> lebih lengkapnya seperti ini : 

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog Ini' 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: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'/>

* kode yang berwarna merah adalah ukuran tinggi widget arsip blog, kamu bisa merubahnya sesuai keinginan
5. Simpan template.

Atau jika cara diatas tidak berhasil, kamu bisa menambahkan kode CSS berikut :

#BlogArchive1 .widget-content{
height:300px;
width:auto;
overflow:auto;

* Angka yang berwarna merah adalah nilai tinggi widget arsip blog-nya dan bisa diubah sesuai selera ...

Demikian artikel tentang TRIK : Cara Memasang Fungsi Scroll Pada Archive Blog / Arsip Blog semoga bermanfaat ...