Membuat Menambahkan Scroll Pada Arsip Blog [Blog Archive]

Membuat Menambahkan Scroll Pada Arsip Blog [Blog Archive]
Sekadar untuk melengkapi posting dengan label Bloger . saya akan share tentang Cara Membuat Menambahkan Scroll Pada Arsip Blog [Blog Archive] . Blog archieve atau arsip blog yang mengunakan pilihan hierarki biasanya akan memanjang tak beraturan, sesuai dengan jumlah artikel yang kita publish tiap bulannya [bisa juga mingguan, tergantung pilihan kita]. Tentu saja ini akan sedikit mengurangi tampilan blog kita karena panjang menjadi tidak menentu dan terkesan kurang rapi. Untuk itulah perlu ditambahkan scroll agar panjangnya sesuai aturan yang kita inginkan dan akan terkesan lebih rapi dan elegan.

Untuk membuat scroll pada blog archieve ini tidak jauh beda dengan membuat scroll pada gadget blogger/blogspot yang lain tentu saja diblog anda harus ada widget arsip blog kalo ga ada di template ga bisa diedit kalo yang belum ada ditambahkan dulu untuk arsip blog baru kita membuat scrollnya .

Cara Membuat Menambahkan Scroll Pada Arsip Blog [Blog Archive]

• Login Blog

• Untuk tampilan antar muka bloger pilih Opsi Lainnya » Template

• Expand Template Widget , cari kode
  

  <b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
  
  <b:includable id='main'>
  <b:if cond='data:title'>
  <h2><data:title/></h2>
  </b:if>
  
  <div class='widget-content'>
  
  <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>
  <b:include name='quickedit'/>

• Yang saya beri warna merah tambahkan perintah di belakangnya dan kurang lebih formatnya seperti ini
  

  <b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
  
  <b:includable id='main'>
  <b:if cond='data:title'>
  <h2><data:title/></h2>
  </b:if>
  
  

  <div class='widget-content' style='overflow:auto; height:200px ' >

  
  <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>
  <b:include name='quickedit'/> 

• Warna Biru style='overflow:auto; height:200px ' Kode perintah untuk height sesuai selera

• Pratinjau Dulu.kalo dah ok baru disave template