Membuat Arsip Blog model Scroll
Rabu, 26 Januari 2011
6
komentar
Cara membuat arsip blog dengan scroll sebenarnya hanya menambahkan kode berikut <div style='overflow:auto; width:ancho; height:100px;'> cara meletakannya sebagai berikut :
1. Login - Layout - Elemen halaman
2. Buat widget Arsip dengan nama Blog Arsip
3. Pilih model Hirearchy kemudian Save
4. Masuk ke Edit HTML - cek kotak Expand Template Widget
5. Cari 'Arsip Blog'. kode selengkapnya seperti ini :
<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:250px;'>
<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"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>
7. Tambahkan kode merah di kode diatas (sebelumnya tidak ada kode merah)
8. Simpan template.. happy blogging :)
1. Login - Layout - Elemen halaman
2. Buat widget Arsip dengan nama Blog Arsip
3. Pilih model Hirearchy kemudian Save
4. Masuk ke Edit HTML - cek kotak Expand Template Widget
5. Cari 'Arsip Blog'. kode selengkapnya seperti ini :
<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:250px;'>
<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"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>
7. Tambahkan kode merah di kode diatas (sebelumnya tidak ada kode merah)
8. Simpan template.. happy blogging :)
Baca Selengkapnya ....