Membuat Arsip Blog Auto Scroll



Arsip blog merupakan widget penting yang isinya untuk menampilkan posting terdahulu menurut tanggal publikasi. Arsip blog tentu akan terlihat tidak bagus dan tidak professional apabila posting sudah banya sehingga membuat arsip blog terlalu panjang. Terkadang, arsip blog yang terlalu panjang akan membuat widget lainnya tidak terlihat karena jauh dibawah. 

Namun, kita dapat mengantisipasinya dengan membuat auto scroll pada arsip blog. Dengan auto scroll, maka pengunjung blog yang ingin melihat seluruh posting harus menekan tombol scroll pada mouse atau melalui scroll bar yang ada di bagian arsip blog.

Langkah 1: Masuk ke menu Template, kemudian Edit HTML.

Langkah 2: Cari kode (Ctrl+F) <div id='ArchiveList'>

Langkah 3: Perhatikan kode dibawah ini.

<div style='overflow:auto; width:ancho; height:200px;'>
  <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'/>
  </div>
</b:includable>

Keterangan:

Kode berwarna hijau adalah kode yang ditambahkan. 200px, ganti dengan angka ketinggian scroll. Direkomendasikan dengan angka 200px.

Kode berwarna merah adalah kode yang dicari (lihat poin nomor 2).

Maaf jika tidak jelas. Silakan tanya di kolom komentar. Terima kasih.  

Tidak ada komentar:

Posting Komentar