Cara Membuat Archive Blog dengan Scroll

Cara Membuat Archive dengan Scroll - Penambahan scroll memang banyak manfaatnya. Yaitu bisa menghemat ruang. Sebenarnya banyak sekali widget-widget lain yang bisa ditambahkan fungsi scroll, misalnya " Cara Membuat Label Blog dengan Scroll ", " Kotak Komentar dengan Scroll ", " Cara Membuat Daftar Posting / Isi dengan Scroll ", dan masih banyak lainnya. Nah, kali ini admin akan menjelaskan tutorial membuat Archive Blog dengan Scoll.

1. Masuk ke blogger
2. Buka design / rancangan
3. Pilih Edit HTML
4. Centang "Expand Widget Template"
5. Cari kode id='ArchiveList' (Gunakan Ctrl + F )
6. Setelah ketemu, masukkan kode berikut ini tepat di atasnya

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

7. Lalu lihat terus ke bawah sampai menemukan kode <b:include name='quickedit'/>, dan masukkan kode </div> di atas kode <b:include name='quickedit'/> tadi
8. Selengkapnya seperti ini,

<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:250px;'>
<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>

9. Keterangan : warna merah adalah kode untuk menambahkan Scroll, kode adalah kode penutup. Bisa sesuaikan panjang dan lebar scrollnya. Height:250px adalah untuk tingginya, Width:ancho adalah lebarnya, kata ' ancho ' berarti scrollnya fleksibel, alias sesuai tempat. Silahkan dimodif sendiri.
10. Save
11. Hasilnya bisa dilihat diatas potingan ini :D