Buat Scroll Box Untuk Blog Archive-Tutorial

Bagi yang rajin update. Blog Arhieve akan jadi panjang. So eloknya buat jenis scroll bagi jimatkan ruang blog dan juga nampak lebih kemas.

STEP 1

DASHBOARD>DESIGN>EDIT HTML>tick kotak EXPAND WIDGET TEMPLATES>DOWNLOAD FULL TEMPLATE 

*Apa-apa pun sebelum edit html, korang mestilah buat backup sebagai langkah berjaga-jaga.

STEP 2
Tekan keyboard, CTRL+F secara serentak.Cari code; <div id='ArchiveList'>

STEP 3

Di atas coding step 2,
Sila copy dan paste coding; <div style='overflow:auto; width:ancho; height:100px;'>

*height=korang boleh ubah berapa panjang kotak scroll yang korang nak.

STEP 4

Di akhir coding step 2 tue, korang kena masukkan penutup coding bagi step 3 iaitu </div>

Contoh coding;

<div style='overflow:auto; width:ancho; height:300px;'>
<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'/>

**hint masukkan code </div> sebelum coding <b:include name='quickedit'/>

STEP 5 Klik
Preview dan Save jika tiada sebarang error serta berpuashati.

Selamat mencuba ye...