Cara Gampang Memasang Scroll Pada Archive Blog/Arsip Blog

klik untuk memperbesar

Archive Blog atau Arsip Blog yakni widget bawaan Blogger yang fungsinya menampilkan seluruh postingan kita. Tapi jikalau kita menggunakan mode "Heraiki", widget ini akan terasa panjang banget dan menuh-menuhin ruang blog kita. Yang blognya udah ada hidangan accordion sih gak duduk perkara lantaran sanggup dibuka-tutup, tapi gimana yang templatenya enggak menggunakan hidangan accordion ?? mudah aja kan masih sanggup menambahkan fungsi scroll, jadi sanggup 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 instruksi <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 instruksi <div style='overflow:auto; width:ancho; height:250px;'> dan akhiri dengan tag </div> lebih lengkapnya ibarat 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>

* instruksi yang berwarna merah yakni ukuran tinggi widget arsip blog, kamu sanggup merubahnya sesuai harapan > Simpan template

 Atau jikalau cara diatas tidak berhasil, kamu sanggup menambahkan instruksi CSS berikut :

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

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

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

Bagikan Artikel ini