Tuesday, January 5, 2010

Membuat Arsip Blog model Scroll

Membuat Arsip Blog model ScrollUpdate, 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!!!
------------------------------------------------------------------------
Tag: Membuat Arsip Blog model Scroll, scrolling archive, scroll archive on blog

No comments:

Post a Comment