Cara Membuat Arsip Blog dengan Gaya Scroll


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;'>
  <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 warna merah, itu adalah kode yang harus anda tambahkan. Anda juga bisa mengatur tingginya dengan mengatur height:300px.

7 comments:

  1. Thanks Gan, Bermanfaat... untuk newbie kyk aku,
    mampir ke blog ku ya, baru buat sih, hee
    Impiansejati90.blogspot.com tapi jngn diledek ya, hee

    ReplyDelete
  2. Tanxs Gan, info nya sangat membantu........

    ReplyDelete
  3. sep..gan sukses

    ditunggu kunjungan baliknya

    ReplyDelete
  4. matur tengqyu gan, newbie nyesep ngelmu. ditunggu kunjungan baliknya, dan mohon masukkannya.

    ReplyDelete
  5. info yg sangat bemanfaat bagi blog saya,,,, saya harap agan mau berkunjung ke blog saya www.ankurniawan.blogspot.com dan memberikan sedikit komentar Terima kasih

    ReplyDelete