Membuat Arsip Blog/Daftar Isi Dengan Menggunakan Scroll

Kenapa harus pakai scroll? Kan Arsip Blog bisa di minimize. Nah kelemahannya adalah jika artikel kita terlalu banyak, Arsip Blog pasti akan memanjang ke bawah. Misalnya di bulan September, artikel kita berjumlah 100 lebih. Nah pasti kurang nyaman kan kalo blog-nya juga ikut memanjang ke bawah, dan juga terlihat kurang rapi. Contoh arsip blog menggunakan fungsi scroll bisa dilihat di sebelah kanan blog ini.

Untuk membuat Arsip Blog terlihat rapi, berikut langkah - langkahnya.

Pastikan kita sudah memasang widget Arsip blog terlebih dahulu. Jika belum, berikut langkahnya.

• Masuk ke menu desain blog.
• Klik Rancangan kemudian Elemen Laman
• Klik Tambah Gadget, pilih Arsip Blog. Pilih gaya Hierarki.
• Letakkan widget sesuai selera, kemudian klik simpan.

Sekarang blog anda sudah terpasang Arsip Blog (tanpa scroll). Sekarang kita membuat Arsip Blog tersebut menggunakan fungsi scroll. Berikut langkahnya.

• Klik Rancangan >> Edit HTML
• Beri tanda centang pada Expand Template Widget.
• Cari Arsip Blog yang sudah dibuat tadi, gunakan Ctrl + F atau tekan F3 saja untuk mencari dengan kata kunci "Arsip" atau Arsip Blog".
• Jika sudah ketemu, susunan kodenya akan terlihat seperti di bawah ini.

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

Perhatikan tulisan berwarna merah dan biru di atas, itulah kode yang harus disisipkan ke dalam kode yang sudah anda temukan tadi. Tulisan berwarna biru, adalah ketinggian dari scroll, bisa diganti sesuai selera.

Setelah tulisan berwarna merah di atas sudah disisipkan, klik Simpan Template.