Cara Mudah Membuat Scroll Pada Blog Archive

Hay sobat Semut Desa kali ini ane akan memberi tutorial tentang Cara Mudah Membuat Scroll Pada Blog Archive. okelah kalu begitu langsung saja ke langkah berikut ini :

1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan Blogger.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Kemudian sobat Cari kode berikut <div id='ArchiveList'> atau ArchiveList agar lebih mudah gunakan ctrl+F. 

6. Jika sudah ketemu Selanjutnya tambahkan kode yang berwarna hijau seperti di bawah ini tepat di atas kode berwarna biru: 

<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>

• Untuk menemukan kode <div id='ArchiveList'> atau ArchiveList maka sobat harus memasang Blog Archive nya terlebih dahulu dengan cara : klik Design/Rancangan >> Page Element >> Add a Gadget >> Blog Archive >> Save. Jika teman-teman sudah memasang Blog Archive nya maka langsung saja mencari kodenya tadi.
• Harap disesuaikan saja kodenya, karena tidak semua templates sama,
• Height dan width untuk menentukan ukuran scroll
• Klik Pratinjau dahulu untuk mengeceknya
• Jika sudah klik Save templates dan lihat hasilnya.