Cara Membuat Archive Blog dengan Scroll

Cara Membuat Archive dengan Scroll - Penambahan scroll memang banyak manfaatnya. Yaitu bisa menghemat ruang. Sebenarnya banyak sekali widget-widget lain yang bisa ditambahkan fungsi scroll, misalnya " Cara Membuat Label Blog dengan Scroll ", "Kotak Komentar dengan Scroll ", " Cara Membuat Daftar Posting / Isi dengan Scroll ", dan masih banyak lainnya, ditunggu saja postingan tentang scroll pada pertemuan berikutnya. Nah, sekarang kita menuju tutorial membuat Archive Blog dengan Scoll

• Masuk ke blogger
• Buka design / rancangan
• Pilih Edit HTML
• Centang "Expand Widget Template"
• Cari kode id='ArchiveList' (Gunakan Ctrl + F )
• Setelah ketemu, masukkan kode berikut ini tepat di atasnya

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

• Lalu lihat terus ke bawah sampai menemukan kode  <b:include name='quickedit'/>, dan masukkan kode </div> di atas kode <b:include name='quickedit'/> tadi
• Selengkapnya seperti ini,

<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'/>
  </div>

• Keterangan : warna merah adalah kode untuk menambahkan Scroll ,kode </div> adalah kode penutup. Bisa sesuaikan panjang dan lebar scrollnya. Height:250px adalah untuk tingginya,Width:ancho adalah lebarnya, kata ' ancho ' berarti scrollnya fleksibel, alias sesuai tempat. Silahkan dimodif sendiri.
• Hasilnya kira-kira seperti ini