MEMBUAT KOTAK DAFTAR ISI BERGILIR

CARA MEMBUAT ARSIP BLOG ATAU DAFTAR ISI BLOG DENGAN TOMBOL BERGULIR

Sebelumnya, saya telah memposting bagaimana cara membuat archive blog atau daftar isi dengan scroll.. disini

Posting saya kali ini, adalah membuat  hal yang sama yaitu membuat daftar isi dengan kotak bergulir, hanya saja caranya berbeda...
Jadi bagi yang kesulitan dengan cara yang pertama, bisa melakukan dengan cara yang kedua ini...

Cara ini sudah sangat umum tetapi mungkin ada yang belum menggunakan cara yang satu ini, cara ini sangat efektif untuk menghemat isi dari arsip blog kita, karena kalau blog yang sudah memiliki postingan lebih dari 1000 pasti arsip blognya akan sangat panjang jika ditampilkan dengan gaya hirarki.

Bagi yang mau mencoba silakan ikuti langkah berikut:
1. Masuk tab rancangan - edit HTML
2. Centang expand template widget
3. Ctrl+F cari kode berikut :



</b:includable>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>


4. Tambahkan kode berikut pada script di atas sehingga akan seperti ini tampilannya


</b:includable>
<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:300px;'&gt;
  <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>

5. Kode yang saya tandai dengan hitam, itu adalah kode yang harus anda tambahkan. Anda juga bisa mengatur tingginya dengan mengatur height:300px.

Sekian penjelasan kali ini....