Cara Membuat Fungsi Scroll Pada Arsip Blog

Cara Membuat Fungsi Scroll Pada Arsip Blog - Berikut ini cara Membuat Fungsi Scroll Pada Arsip Blog, memiliki postingan yang banyak, dan saat membuat arsip blog terlihat memanjang kebawah, jelas ini sedikit mengganggu, jika itu menggangu, jalan yang terbaik adalah dengan memasang fungsi scroll di Arsip Blog tersebut.


Berikut Ini Cara Membuat Fungsi Scroll Pada Arsip Blog :

Untuk Tahap Pertama
- Masuk atau Login ke Blogger.
- Kemudian Pilih Tata Letak → Tambah Gadget → pilih Arsip Blog.
- Setelah itu tulis pada kotak judul sesuai keinginan sobat, kemudian pada Gaya pilih Hierarki, Selanjutnya simpan.

Selanjutnya Tahap Kedua
- Setelah tadi Arsip Blog sudah dibuat, dan untuk membuat fungsi scrollnya langsung saja menuju Template → Edit Html → centang Expand Template Widget.
- Jika sobat menamai Blog Archive dengan nama "Arsip Blog" (misalnya), maka Tekan CRTL + F, Lalu cari kata "Arsip Blog" (cari sesuai dengan judul yang sobat buat pada arsip blog tadi).
- Jika sudah ketemu kode CSS nya terlihat seperti ini :

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

- Kemudian sobat Sisipkan Kode :

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

dan :

</div>

- Sehingga bentuk Kode Fungsi Scroll Pada Archive Blog sobat menjadi 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: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'/>

- Tulisan atau kode yang di cetak tebal diatas adalah kode yang ditambahkan atau disisipkan. Dan sealanjutnya Simpan dan lihat hasilnya. Sobat juga dapat mengganti tinggi dari scroll tersebut dengan mengganti tulisan yang berwarna biru diatas. Selamat mencoba & semoga bermanfaat.