Pages

Wednesday, March 2, 2011

Tutorial : buat scroll bar untuk blog archive

Salam bahagia,




Kaedahnya :

1. Dashboard > Design > Edit html , jangan lupa tick  Expand Widget Templates

2. cari kod ini


<div id='ArchiveList'>


3. kemudian masukkan kod ini, di atas kod di no.2



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


height yang warna merah tu, kome buleh ubah ikut suka yer..


macam ni la bila sudah dimasukkan kod



<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:350px;'>
  <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>



4. tambah kan kod </div> , yang warna kuning tu yer


5. SAVE TEMPLATE, siap…. Winking smile


selamat mencuba. Ini dapat membantu menjimatkan ruang bila blog archive dah panjang berjela.


salam kasih sayang,

No comments:

Post a Comment

Tulis lah aper jer.. ibu suka komen kawan2, itu tanda kalian prihatin... ;)