Home » » Cara Membuat Arsip Blog / Blog Archive Dengan Scroll

Cara Membuat Arsip Blog / Blog Archive Dengan Scroll


Kalau biasanya Arsip Blog itu memanjang, tidak bisa di tentukan ketinggiannya dan menghabiskan tempat di blog. Kali ini saya akan share Cara Membuat Arsip Blog Dengan Fungsi Scoll yang akan membuatnya menjadi lebih pendek, bisa mengatur ketinggiannya dan dengan fungsi Scroll jadi tidak akan menghabiskan tempat di blog sobat.

Contohnya bisa lihat gambar di samping kiri ini. Oke langsung saja yang ingin tahu caranya silahkan ikuti langkah-langkah berikut : 





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>
 
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 menyisipkan kodenya.

5. Jika sudah klik pertinjauan terlebih dahulu, jika sudah berhasil baru klik simpan template.

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

Semoga Bermanfaat


0 comments:

Post a Comment

Powered by Blogger.