Cara Buat Scrolling Blog Archieve

Saturday, January 15, 2011

Assalamualaikum..

hi uolss..

hari ni nak share camne nak buat scrolling blog archieve..pendapat saya, kalu guna widget jenis yang bole scroll macam ni, lebih menjimatkan ruang..kalau nak guna blog archieve yang jenis hierarki, lebih molek if ubah kepada yang bole scroll..taklah nanti jadi panjang berjela ke bawah..ye tak?

nak kene godek html sikit la ye..hehe..mari mulakan..ada 2 cara yaa..

CARA PERTAMA

1. Pegi Dashboard > Design > Edit HTML dan tick Expand Widget Templates,tolong Download Full Template dulu ya, kot silap, masih ada back up..

2. tekan ctrl+f pada keyboard, dan masukkan code kat bawah ni dalam kotak find.

<div id='ArchiveList'>

3. da jumpe? copy code kat bawah ni, dan paste di ATAS code yang korang da jumpa tadi.

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

*height : untuk adjust ketinggian/panjang kotak widget blog archieve tu

4. korang pegi bawah coding tu, sampai jumpe code yang ini.

<b:include name='quickedit'/>

5. da jumpe? sekarang TAMBAH penutup coding iaitu </div> contohnya :

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

5. Preview, dan kalau takde error, bole klik Save.

CARA KEDUA

1. Pegi Dashboard > Design > Edit HTML dan tick Expand Widget Templates,tolong Download Full Template dulu ya..hehe

2. tekan ctrl+f pada keyboard, dan masukkan code kat bawah ni dalam kotak find.

<div class='widget-content'>

3. sekarang, cari code step 2 yang ada tulis ArchiveList kat BAWAH dia.

4. da jumpe? sekarang, copy code kat bawah ni, dan GANTIKAN dengan code step 2 yang ada tulis ArchiveList kat bawah dia.

<div class='widget-content' style='overflow:auto; width:ancho; height:100px;'>

*height : untuk adjust ketinggian/panjang kotak widget tu.

5. Preview dan if takde error, bole Save Template.

pening ke?ehhee..kalau tak faham, korang bole tanya oke..

all da best semua..

~wassalam~