May 17, 2011

Tutorial : Scroll Box untuk Blog Archieve

Assalamualaikum bloggers and readers..
kali nie Yana nak share tutorial tentang buat scroll box di blog archieve..kalao kita guna code scroll box untuk dalam entry susah nak menjadi kan? so,do this tutorial..for sure dapat punyer *kompem2! lagi satu..tutorial nie bagus lah digunakan bagi mereka yang active menghupdate blog..mesti blog archieve panjang berjela-jela kan..so,buat scroll box lah kasi tak nampak serabut dan berat blog korang..lets do it

1) Log In>> Dashboard>> Design>> Edit HTML>> Tick Expand Widget Template

2) tekan "ctrl+F" dan cari code ni


 <div id='ArchiveList'>

3) Bila dah jumpe..copy and paste code bawah nie ATAS code korang cari tadi ye

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

4) Jangan lupe tambah code </div> bagi penutup coding..
#hint masukkan code </div> sebelum coding <b:include name='quickedit'/>

5) Dan code korang akan jadi seperti kat bawah nie

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

6) Height boleh tukar kepada kesesuaian tinggi yang korang nak
7) Save and done.


Suka? LIKE je! :)


LIKE Fan Page Yana sekali yer! :)

6 comments:

Post a Comment

Terima kaseh drops komen
Esok-esok drops komen lagi oke ! :)