Cara Mudah Memasang Scroll Pada Archive Blog/Arsip Blog

klik untuk memperbesar

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 ruang blog kita. Yang blognya udah ada menu accordion sih gak masalah karena bisa dibuka-tutup, tapi gimana yang templatenya enggak menggunakan menu accordion ?? simpel aja kan masih bisa menambahkan fungsi scroll, jadi bisa diatur panjang widget achive blog ini. Lalu, bagaimana cara memasangnya?? ikuti tutorial berikut ....


1. Log-in Blogger Masuk ke Dashboard >> Template >> Edit HTML
2. 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

3. 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'><br /> <b:includable id='main'><br /> <b:if cond='data:title'><br /> <h2> <data:title/></h2> <br /> </b:if><br /> <div class='widget-content'> <br />  <div style='overflow:auto; width:ancho; height:<span style="color: red;"> 250</span>px;'><br /> <div id='ArchiveList'> <br /> <div expr:id='data:widget.instanceId + "_ArchiveList"'> <br /> <b:if cond='data:style == "HIERARCHY"'><br /> <b:include data='data' name='interval'/><br /> </b:if><br /> <b:if cond='data:style == "FLAT"'><br /> <b:include data='data' name='flat'/><br /> </b:if><br /> <b:if cond='data:style == "MENU"'><br /> <b:include data='data' name='menu'/><br /> </b:if><br /> </div> <br /> </div> </div>

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

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

#BlogArchive1 .widget-content{<br /> height:<span style="color: red;">300</span>px;<br /> width:auto;<br /> overflow:auto;

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

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

Tweet

Subscribe to receive free email updates: