Cara Membuat Scroll Doang Di widget "Archive"

Cara membuat scroll doang tanpa pakai box ( garis yang mengelilingi wdiget archive) di archive/arsip

Contohnya seperti gambar di bawah ini :

Kegunaannya :

- Meringankan loading blog

- Penghematan tempat, jika anda mempunyai daftar arsip yang banyak dan panjang

- Tampilan blog menjadi proporsional

Cara membuatnya :

1. Login ke blogger
2. Masuk ke dasbor
3. Klik "template"
4. Klik "edit HTML"
5. Klik "expand template widget"
6. Cari kode ini :
<div class='widget-content'>

atau kode ini :

<div id='ArchiveList'>

ket : biasanya 2 kode di atas  berdampingan tanpa ada pemisah (tergantung template yang anda gunakan)



7. Setelah ketemu salah satu 2 kode di atas, copas kode di bawah ini :
   
   <div style='overflow:auto; width:ancho; height:200px;'>
   terus simpan di antara 2 kode tadi.
   
   Jadi seperti ini contoh tampilannya :
   
   <div class='widget-content'>
   <div style='overflow:auto; width:ancho; height:200px;'>
   <div id='ArchiveList'>


8. Nah yang terakhir masukan kode ini </div> lalu simpan di atas kode di bawah ini
<b:include name='quickedit'/>
  </div>

Seperti inilah contoh hasil semuanya :

<h2><data:title/></h2>
  </b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:200px;'>
<div id='ArchiveList'>
<divexpr: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>
</div>
<b:include name='quickedit'/>
  </div>
Keterangan :
- Kode yang di kasih warna kuning adalah kode yang harus di tambahkan ke script tersebut.
- Kode yang di kasih warna merah adalah kode yang di cari-cari.

9. Selesai dah.... Klik "simpan template"

Jangan Lewatkan :