Tutorial: Letak Scroll dalam Blog Archive

Hai:h:. Assalamualaikum dan Salam Sejahtera kepada semua Blogger :face42:

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

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



Contoh Scroll diblog archive


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

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


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

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

<div id='ArchiveList'>

:65: Dah jumpa? :25: 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 =)

:65: Ok? Step seterusnya, cari kod dibawah ni pula:
<b:include name='quickedit'/>
:65: dah jumpa? :25: Last step, PASTE kod dibawah ini diatas kod yang baru dicari tadi:
</div>


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



4 comments:

  1. salam.. maaf nk tny.. ermm blh ajar lgi detail x?? sy x bpew phm.. maaf mnyusahkan... :-)

    ReplyDelete
  2. nyh sye nux tanye ckit..cmner ekk nux uat button previous/next?? and one more sye nux tany cmner nux uwat button Follow/dashboard yg at atas blog awq belak kanan at atas..ok sile replay yer..sy memohon..

    ReplyDelete
  3. erm ape web untuk icon yg comel2 tu ehh?

    ReplyDelete

Thanks For Reading My Blogg
Please Drop You Suggestion or comments :)

 
Semua didalam Belog ini kepunyaan Cik Mimi Ruslan. ©copyright 2010-2013 CikMimiRuslan all rights reserved