Membuat Scroll Pada Archive Blog

Kali ini saya akan berbagi pengetahuan tentang cara membuat scroll pada archive blog seperti pada blog ini. Seperti yang sobat ketahui, jika jumlah artikel kita pada bulan itu terlalu banyak, tentu akan membuat halaman blog semakin panjang kebawah (terutama jika arvhive blog dengan tampilan hirarki) yang tentu saja akan membuat blog kita sedikit lebih berat. Nah, saya sarankan sobat mengikuti langkah cara membuat scroll pada archive blog
Langkahnya sebagai berikut :

1. Masuk dulu ke Acount Blogger atau Dashboard;
2. Pilih Layout, lalu klik Edit HTML;
3. Centang dulu Expand Widget Templates;
4. Cari kode yang seperti ini : <div id='ArchiveList'> atau kata Archive;
5. Untuk memudahkan mencarinya, pakai saja Ctrl +F, terus copas kata diatas, lalu klik next;
6. Kalau sudah, tambahkan kode warna merah berikut ini sebagai scollnya;
7. Lengkapnya kode tersebut seperti dibawah ini :

<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>

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

<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'/>
</div>
</b:includable>

8. Angka 300px adalah tinggi kotak scroll itu, silahkan disesuaikan dengan selera sobat;
9. Mungkin saja diblog sobat kodenya beda, Oleh karena itu carilah yang mirip dan perlu dicoba, terus jangan lupa templatenya dibackup dulu;
10. Kalau sudah jangan lupa save template dan beri komentar pada artikel saya yaa;
11. Selesai.