Cara Membuat Scrollbar Pada Archive Blog

Cara Membuat Scrollbar Pada Archive Blog ~ Selamat siang sobat V-B. dah lama nih admin gak posting, nah sekarang admin akan kasih sedikit tips mengenai Cara Membuat Scrollbar Pada Archive Blog yang dimana nantinya bisa membuat sidebar blog sobat keliatan rapih. oke langsung ke TKP aja ya.

Bagaimana caranya? :
1. Log in / Masuk ke blog sobat
2. Pergi ke rancangan terus click Edit HTML
3. Jika sudah, click lanjutkan dan jangan lupa centang "Expand Widget Template"
4. Kemudian sobat cari code "<div id='ArchiveList'>"
5. Masukan code berikut diatas code "<div id='ArchiveList'>"

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

6. Tambahkan "</div>" diatas code "</b:includable>"
7. Nanti susunan code aslinya akan menjadi seperti dibawah ini

<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:260px;'>
  <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>
</b:includable>

Keterangan :
- Code yang berwarna merah adalah hasil perubahan sebelum pengeditan HTML
- Code yang berwarna biru bisa sobat ganti sesuai keinginan

8. Simpan template dan lihat hasilnya.

selamat beraksi,
Thank's By Admin Virtual Blogger