Tulisan Berjalan

Selamat datang ke blogku, Jika anda ingin menjual barang saya akan mempromosikannya dengan cara mengirim ke email saya Farid Abdurrahim (farid10.putra@gmail.com)

Rabu, 02 Mei 2012

Membuat Scroll Di Arsip Blog


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;'>
....
</div>
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;'>javascript:void(0)
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
</div>
<b:include name='quickedit'/>
Tambahkan kode warna biru pada teamplates anda.
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!!!

Tidak ada komentar:

Posting Komentar