CELOTEH KAK AMY: Cara buat scroll pada blog archive

Jan 7, 2011

Cara buat scroll pada blog archive

Tutorial terakhir untuk hari nie dari permintaan Cik Dik Na. Cara membuat scroll pada blog archive. Actually caranya lebih kurang sama saje dengan buat scroll pada bloglist cuma yang membezakan codenya saja.Ok jom kita belajar cara membuatnya!

Step 1

Dashboard > Design > Edit HTML sebelum edit html korang mestilah backup terlebih dahulu > tick kotak expand widget Templates

Step 2

Tekan ctrl + F secara serentak.Di sebelah kanan atas akan ada kotak kecil.. kemudian copy code di bawah nie

<div id='ArchiveList'>

Step 3

Copy dan paste code di bawah nie di atas code step 2

<div style='overflow:auto; width:ancho; height:100px;'>

Height korang boleh ubah sebagai contoh height:200px

Step 4

Di akhir coding step 2 korang kena letak penutup coding pada step 3 seperti ini

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