Cari:

Hot News
Selengkapnya

Mengatur Tampilan Arsip Dengan Scroll Bar


Tampilan Arsip Lengkap dengan Scroll Bar
Cara ini sedikit rumit karena harus mengedit template dalam mode HTML.  Tapi hasilnya lumayan baguslah, karena kita bisa mengatur/membatasi panjang (height) dari tampilan Arsip ini. Sehingga tidak sampai memanjang kebawah puuanjaaaaang sekali, cukup dibatasi scroll bar naik turun. 






Berikut langkah-langkahnya:
  1. Pilih Tampilan Arsip dalam format lengkap
  2. Edit template dalam mode HTML
  3. Cari "Arsip" atau "Arsip Blog" dengan Ctrl + F 
  4. Arsip ditemukan tapi script-scriptnya tersembunyi.  Tanda titk-titik menunjukkan bahwa ada script yang lebih lengkap tapi tersembunyi.  Klik pada titik-titik itu sehingga script lengkapnya muncul. 
  5. Kita akan memasukan kode seperti berikut ini, tepat diatas : <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'> yaitu kode: <div style='overflow:auto; width:ancho; height:100px;'> bla..bla..bla terus diakhir </div> sebelum <b:include name='quickedit'/>.
Lebih jelasnya seperti berikut ini:
<b:widget id='BlogArchive1' 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 id='ArchiveList'>
<div style='overflow:auto; width:ancho; height:100px;'>
  <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>

height: 100px bisa diganti sesuai panjang yang anda inginkan, misalnya 200, 300 dsb.

Untuk melihat hasilnya bisa dengan pratinjau template (preview) jika sudah cocok Simpan Template. lalu klik "Kembali" untuk melanjutkan pekerjaan anda yang lain.

Cara yang hampir sama akan kita terapkan pada "Label" atau "Categories" (jika anda mengganti Label menjadi Categories).  Pembahasan berikutnya adalah Menambah Gadget Label.
Sebelumnya kita telah membahas: Mengatur Tampilan Arsip Pada Blog

2 komentar:

  1. terima kasih noven95 baru kali ini aq berhasil edit templet biasanya pada tidak jalan oh iya izin aq tadi copy seluruh script bukan tulisan artikel scrip html nya saja, utk arsip blog q di word terima kasih telah berbagi

    BalasHapus