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, ditunggu saja postingan tentang
scroll pada pertemuan berikutnya. Nah, sekarang kita menuju tutorial membuat
Archive Blog dengan Scoll
- Masuk ke blogger
- Buka design / rancangan
- Pilih Edit HTML
- Centang "Expand Widget Template"
- Cari kode id='ArchiveList' (Gunakan Ctrl + F )
- Setelah ketemu, masukkan kode berikut ini tepat di atasnya
<div style='overflow:auto; width:ancho; height:250px;'>
- Lalu lihat terus ke bawah sampai menemukan kode <b:include name='quickedit'/>, dan masukkan kode </div> di atas kode <b:include name='quickedit'/> tadi
- Selengkapnya seperti ini,
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:250px;'>
<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>
- Keterangan : warna merah adalah kode untuk menambahkan Scroll ,kode </div> 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.
- Hasilnya kira-kira seperti ini
