Cara Membuat Scroll Pada Blog Archive

Hai Sahabat Rezpect Community!

Pada umumnya saat kita memasang widget Blog Archive di  website / blog kita maka saat kita klik tampilan Blog Archive akan memanjang kebawah. Jika kita memiliki post yang banyak maka Blog Archive kita juga semakin panjang yang membuat kolom widget kita tidak beraturan atau terlalu banyak. Ada cara untuk meringkas dan merapikan tampilan Blog Archive sesuai yang kita inginkan dengan menambahkan Scroll seperti gambar dibawah ini..

Blog Archive with Scroll

Cara untuk memasang scroll pada Blog Archive cukup mudah, berikut caranya :

• Login ke Blogger dengan akun kalian.
• Pada Dasbor Blogger klik Template
• Klik Edit HTML
• Tekan CRTL + F dan Cari <div id='ArchiveList'> atau ArchiveList
• Setelah ketemu tambahkan script dibawah ini diatas script <div id='ArchiveList'>

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

•  Setelah menambahkan script di atas dengan benar tambahkan script </div> dibawah script  

 <b:include name='quickedit'/>

• Jika sudah benar maka kurang lebih akan menjadi seperti dibawah ini..

 <div style='overflow:auto; width:ancho; height:300px;'>
  <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'/>
  </div>
  </div>

 [*] Kalian bisa mengganti 300px sesuai dengan lebar kolom widget blog kaian

Jika masih bingung, kalian bisa meninggalkan komentar dan saya akan membantu...

SEMOGA BERMANFAAT !