Rabu, 18 Juli 2012

cara membuat kotak scroll


Membuat Kotak Scroll Pada Tampilan Blog Archive

Kotak Scroll Pada Tampilan Blog Archive bisa menyederhanakan tampilan Blog Archive anda, dan mengirit ruang terpakai pada halaman blog.
Seperti Contoh Berikut ini :
Untuk Membuat tampilan Scroll BlogArchive seperti diatas,
Ikuti langkah-langkah berikut ini :
Pertama, Login Blog anda, lalu Pada halaman dasbor langsung menuju rancangan Edit HTML lalu jangan lupa centang Expand Template Widget.
Cari kode : <div id='ArchiveList'>
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.
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'/>
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
Nah, Setelah semuanya selesai, Lalu Save Template anda dan Lihat Hasilnya...


Read more: http://blogsownstyle.blogspot.com/2012/04/membuat-kotak-scroll-pada-tampilan-blog.html#ixzz212rEAesJ

Tidak ada komentar:

Posting Komentar