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 + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>javascript:void(0)
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
</div>
<b:include name='quickedit'/>
Tambahkan kode warna merah pada teamplates anda.<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 + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>javascript:void(0)
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
</div>
<b:include name='quickedit'/>
warna hijau anda sesuaikan berapa tinggi kotak scrool.
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!!!
Diterbitkan pada hari : Sabtu, Juli 10, 2010
Dalam kategori : BLOGGING
Telah dibaca sebanyak kali, 0 komentar
0 komentar:
Posting Komentar
Jangan lupa komentar nya yahh...Select Profil dan pilih tipe log in untuk memberi komentar, atau pilih 'Anonymous' jika belum punya akun