Cara Membuat Scroll Pada Arsip Blog

Dengan membuat scroll pada arsip blog, akan membuat panjang sidebar ke bawah tetap. Walau pada bulan tertentu banyak postingan atau sedikit arsip blog yang tampilannya herarki akan terlihat rapi dengan adanya scroll. Jika kita sudah menambahkan widget arsip blog dengan model herarki, langsung saja lakukan langkah selanjutnya.
Cara Membuat Scroll Pada Blog Archive (Arsip Blog)
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut

</b:includable>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>

6. Kode lengkapnya adalah seperti ini

</b:includable>

<b:includable id='main'>

  <b:if cond='data:title'>

    <h2><data:title/></h2>

  </b:if>

  <div class='widget-content'>

  <div id='ArchiveList'>
<div style='overflow:auto; width:ancho; height:350px;'> 

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

  </div>

</b:includable>

</b:widget>

<b:widget id='HTML7' locked='false' title='' type='HTML'>

<b:includable id='main'>

  <!-- only display title if it's non-empty -->

  <b:if cond='data:title != &quot;&quot;'>

    <h2 class='title'><data:title/></h2>

  </b:if>

  <div class='widget-content'>

    <data:content/>

  </div>

7. Nah tambahkan kode wrna merah dan hijau ke dalam script anda, kode warna hijau adalah tinggi scroll, ganti sesuia kebutuhan dan selera anda.

8. Save template dan lihat hasilnya?!

Baca Artikel Lainnya :

• Cara memasang rating di blog
• Cara buat like box valid XHTML 
• Optimasi SEO untuk judul posting
• Cara Buat judul posting berkedip
• Cara Membuat link otomatis saat artikel kita di copy paste