Kamis, 19 Mei 2011

Cara membuat kotak scroll pada arsipan blog

Sebelum melangkah lebih jauh , apa kalian udah baca postinganku yg sebelumnya ? postingan itu membahas tentang cara membuat kotak scrool . Buat yg belum baca , baca dulu disini.

Kali ini aku akan memberi tau cara untuk membuat kotak scroll pada arsipan blog , Buat kalian yg pingin coba , silahkan ikuti cara dibawah ya

1 . Pada dasbor blog langsung menuju rancangan >> edit HTML >> jangan lupa centang Expand Template Widget

2 . Cari kode <div id='ArchiveList'>

3 . Kalo udah ketemu copy kode dibawah ini tepat diatas kode diatas

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

Angka yg tebal itu bisa kalian ganti dengan ukuran yg cocok dengan ukuran template kalian

4 . Kemudian kalian lihat lagi kode tersebut dengan lengkap , biasanya kodenya seperti ini

<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>
<b:include name='quickedit'/>

5 . Sekarang kalian edit sehingga jadinya menjadi

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

*huruf yg bercetak tebal adalah script yg harus ditambahin supaya hasilnya sempurna*

0 komentar:

:10 :11 :12 :13 :14 :15 :16 :17
:18 :19 :20 :21 :22 :23 :24 :25
:26 :27 :28 :29 :30 :31 :32 :33
:34 :35 :36 :37 :38 :39

Poskan Komentar

Related Posts Plugin for WordPress, Blogger...