Followers

Tuesday, December 7, 2010

Meletak Scroll Box di Blog Archive

Sebelum itu, saya ingin mengucapkan terima kasih kepada Haszuraidah kerana menyediakan tutorial ini untuk dikongsi bersama. Ikuti langkah-langkahnya. Save dulu blog anda!

1. Design>Edit HTML>tick Expand Widget Templates.

2. Tekan CTRL + F, untuk cari <div id='ArchiveList'>.


3.Copy kod  ini <div style='overflow:auto; width:auto; height:100px;'> dan pastekan di atas kod <div id='ArchiveList'>.

4.  Copy kod ini </div>, dan pastekan di atas kod <b:include name='quickedit'/>. Lihat contoh dibawah

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

Tulisan kuning, boleh diubah mengikut ketinggian scroll box yang dikehendaki.

 5. Sebelum save template baru, preview dahulu.

2 comments:

MERAH said...

thanks~hee

Arenyss said...

tq for the awesome tutorial!;)

Post Berkaitan Plugin for WordPress, Blogger...