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 + &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'/>

Step 5

Klik preview , sekiranya tiada masalah boleh la SAVE


Credik pada TBB dan credik juga pada cik tom coz antara dua nie tutorial cik tom lagi mudah!


*****Selamat mencuba*****

8 comments:

Anonymous said...

rajin amy buat tutorial ..tq for sharing :)

sarah-najwan said...

bagus info nih..nk try buat penakut..

sebab akak bab expand widget gak..takut terus..hhee..

yanamib said...

klu utk letak kt posting boleh jugak ke guna coding yg sama?? mcm nk tepek gbr byk² tp rs pjg sgt entry so nk letak scroll box dlm entry..complicated sungguh soklan..hehe~ =)

niesz said...

akak da cikgu la skrg..hehe..gud info kak..

.::: Princess MOMOY :::. said...

wahhh... dah jadi
thx dear...

Nak Lagi Pendrive MURAH ?
Bantuan diperlukan! Kasihanilah adik ini...
Momoy and Sale Season

norliza said...

bagus lah...tq sbb kongsi ilmu 2

Myra Jay said...

Myra ikut tutorial nie & ianya menjadi.. tima kasih kak :)



Jom Cuba "Ayam Goreng Rempah…"

Cik Bahgia a.k.a Zet said...

kak, sy xjumpe pun div id='ArchiveList' ni.. cara lain ade tak.. hohoh

Related Posts Plugin for WordPress, Blogger...

Belog KAK AMY Copyright © 2015. Design by MaiGraphikDesign