Cara Membuat Arsip Blog Dengan Fungsi Scroll

Karena masalah pembelajaran and untuk blogger pemula, ckckckc . . . (emangnya saya sendiri bukan pemula apa), kali ini saya akan sharing sedikit tentang and gak banyak-banyak hehehe . . . saya akan sharing tentang Cara Membuat Arsip Blog Dengan Fungsi Scroll di blogger! kalo biasanya arsip blog itu memanjang dan tidak bisa di tentukan ketinggiannya dan menghabiskan tempat di blog, nah makanya kita sekarang akan membuatnya menjadi lebih pendek bisa mengatur ketinggiannya plus dengan fungsi scroll jadi gak akan ngehabisin tempat deh, contohnya seperti ini:

contoh  Arsip Blog Dengan Fungsi Scroll

 

nah gimana gak ngehabisin tempaat kan? ketinggiannya juga bisa kita tentukan sendiri, biar gak berlama-lama lagi sekarang kita akan lansung membahas caranya:

1. Login ke blogger sobat.
2. Sebelumnya sobat harus memasang wigets Arsip Blog sobat jika sobat belum memasangnya.
3. Jika sudah selanjutnya pada menu pilih Rancangan ➨ Edit HTML ➨ Centang Expand Template Widget.
4. Sekarang kita akan menambahkan atau menyipkan kode <div style='overflow:auto; width:ancho; height:300px;'> dan </div> untuk mengatur ketinggian Arsip Blog, jadi coba sobat cari kode <h2><data:title/></h2> jika keslitan mencarinya coba baca Cara Cepat Mencari Kode HTML.
Keterangan; setiap template berbeda-beda jadi detailnya dan penyisipan kode <div style='overflow:auto; width:ancho; height:300px;'> dan </div> seperti ini:

 <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>
</b:widget>

nah seperti itulah sobat harus menyispkan kodenya.

5. Jika sudah klick pertinjauan terlebih dahulu, jika sudah berhasil baru klick simpan tempalte.

Keterangan;

Untuk mengatur tinggi rendahnya Arsip Blog, sobat tinggal rubah height:300px sesuai selera sobat, seperti height:250px dan lain sebagainya, ok!

Sekian dulu untuk postingan/article Cara Membuat Arsip Blog Dengan Fungsi Scroll, semoga bisa bermanfaat untuk sobat semua.

Bagaiman apakah sobat berhasil menerapkannya ke blog sobat? silahkan tinggalkan komentar/tanggapan sobat tentang postingan/articles di atas!

Sumber