Senin, 27 Desember 2010

Membuat Arsip Blog model Scroll

Update, membuat arsip blog menjadi scroll. Trik ini sama seperti model scroll yang lain, contohnya Label Scroll dan Scrolling pada Box Comments.
Kita hanya menambahkan script berikut:
<div style='overflow:auto; width:ancho; height:100px;'>

Untuk letaknya apa udah pada tau? Kalo belum, ayo kita lihat caranya:

   1. Login - Layout - Elemen halaman
   2. Buat widget Arsip dengan nama Arsip Blog
   3. Pilih model Hirearchy untuk model ini
   4. Save
   5. Masuk ke Edit HTML - cek kotak Expand Template Widget
   6. Cari 'Arsip Blog'. Selengkapnya begini:

          <b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
          <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:100px;'>
          <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'/>

   7. Sebelumnya tidak ada kode merah di template Anda. Tambahkan kode itu untuk mengaktifkan scrolling-nya
   8. Simpan template Anda dan lihat hasilnya

Semoga bermanfaat!!!


http://www.ardi33.web.id/2010/01/membuat-arsip-blog-model-scroll.html