Membuat Kotak Scroll Pada Tampilan Blog Archive
Dipostkan Oleh. BlogTermsSeperti 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 + "_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>
<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 + "_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'/>
Huruf yg bercetak tebal adalah script yg harus ditambahin supaya hasilnya sempurna
Nah, Setelah semuanya selesai, Lalu Save Template anda dan Lihat Hasilnya...
Labels: Blogger, Tips dan Trik blog