Cara Membuat Scroll Pada Arsip Blog

Posted by

Salah satu cara untuk merapikan tampilan Arsip Blog pada blog. Karena tempatnya langsung kita batasi sesuai dengan keinginan kita. Adapun nama untuk membatasi tempat Arsip Blog itu adalah dengan membuat Scroll. Kali ini, Bos Tutorial akan berbagi tentang bagaimana Tutorial Membuat Scroll Pada Arsip Blog, selanjutnya ikuti langkah-langkah berikut :

1. Bukalah akun blog kawan sendiri.
2. Masuk kedalam Edit HTML pada rancangan template. (
3. Jangan lupa centanglah Centang Expand Widget Templates,
4. Selanjutnya Cari kode berikut <div id="ArchiveList"> atau ArchiveList (gunakan Ctrl + F) untuk pencarian lebih cepat.
5. Bila sudah ketemu, salinlah kode di bawah ini tepat di atas kode <div id="ArchiveList">

<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 100%; height: 200px; background-color: #FFFFFF;">
Lalu cari kode <b:include name='quickedit'/>, bila sudah ketemu tambahkan kode </div> tepat di atas kode <b:include name='quickedit'/>.

Bentuknya akan seperti ini:

<div class='widget-content'>
<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 100%; height: 200px; background-color: #FFFFFF;">

<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'/>
</div>
</b:includable>
6.Simpan template blog kawan.
7. Selesai. 
Semoga bermanfaat.
Sumber : bos-tutorial.blogspot.com


Blog, Updated at: 18.56

Update

    Sering Dibaca