Oct 16, 2010

Jom letak Scroll Box di Blog Archive

Last time, saya dah share cara-cara untuk letak scroll box di bloglist & widget2 lain seperti feedjit & popular posts.. Kali ni saya nak share cemana nak letak scroll box di blog archive pulak supaya nampak lagi kemas tetapi dapat tunjuk semua tajuk2 post uols yang best2 tu..

1st skali, cam biasala pi kat Dashboard, klik Design, then klik Edit Html.. Pastu tick Expand Widget Templates. Dengan menggunakan CTRL + F, search <div id='ArchiveList'> macam kat bawah ni..


Copy code warna hijau ni <div style='overflow:auto; width:auto; height:100px;'> dan letak di atas <div id='ArchiveList'> dan code ini </div> sebelum <b:include name='quickedit'/>, macam kat bawah ni..

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

Yang kaler merah tu, uols leh adjust ketinggian ikut kehendak uols.. Klik Preview dulu untuk tengok jadi ke tak, kalu ok leh save dan voilaaaa.. It's done and cun!!!


Kredit : Kak Syamila

5 comments:

  1. salam has, kak share tutorial ini di blog kak ya, sebab hari tu ada rakan blogger yang tanya mcm mana nak buat, tqvm ya has!

    ReplyDelete
  2. yeah !
    berjaye pon buad2 .
    thnkiu2 .................
    love yahhhhhhhhhhh :-*

    ReplyDelete
  3. @fafarara ;)

    glad u like it dan menjadi..hihihi..tak dpt nak gi blog fafa, profile takleh access..

    ReplyDelete
  4. as'salammualaikum kak..
    alhamdulillah..jadi la..
    maceh kak...
    ^_^
    like it..hikhik..

    ReplyDelete