Kamis, 30 September 2010

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, ditunggu saja postingan tentang scroll pada pertemuan berikutnya. Nah, sekarang kita menuju tutorial membuat
Archive blog di blogspot

  • 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.

Tidak ada komentar:

Posting Komentar