Tutorial: Letak Scroll dalam Blog Archive

Hai. Assalamualaikum dan Salam Sejahtera kepada semua Blogger

Hari ni aku terasa rajin pula nak kongsi tutorial yang aku dah try buat ni
dah lama tak buat tutorial untuk korang kan kan.

Tak kisah pun? ok tak pa pun (ayat tacing), saja ja nak ajar. hihi
Bagi yang nak cuba tutorial ni, jom kita ikut cara-cara dibawah

Contoh Scroll diblog archive

Bila korang dah post banyak-banyak cerita didalam blog korang, blog archive mesti jadi panjangkan, rasa macam tak cantik je bila panjang-panjang.

Sebab tu la aku nak ajar korang buat Scroll di blog archive supaya korang punya blog nampak lagi kemas (baikkan ).


First step. Dashboard > Design > Edit html > klik Expand Widget Templates

dah siap step pertama? Step kedua cari kod dibawah ni (tekan ctrl+F untuk cari kod tersebut):

<div id='ArchiveList'>

Dah jumpa? COPY kod dibawah ini dan PASTE diatas kod yang dicari tadi

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

*height boleh ditukar ikut kesukaan korang =)

Ok? Step seterusnya, cari kod dibawah ni pula:

<b:include name='quickedit'/>

dah jumpa? Last step, PASTE kod dibawah ini diatas kod yang baru dicari tadi:

</div>

kod korang akan jadi macam ini:

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