Membuat scroll down pada archive blog

sekarang yang akan saya bahas adalah memasang scroll pada archive blog. kalau memasang scroll pada widget java script mungkin mudah karena tinggal copy paste sript pembuka di atas sendiri dan meletakkan script penutup diakhirnya. tapi jika yang di beri scroll adalah widget bawaan blogger maka membutuhkan sedikit trik khusus.

Seberapa pentingkah scroll pada archive blog ? kalau menurut blogger newbie manfaat dari scroll down itu sendiri adalah menghemat tempat. jadi sidebar blog kita terlihat lebih rapi. untuk contoh perbandingannya seperti gambar dibawah ini.

Archive Blog (memakai scroll)

Archive Blog (tanpa scroll)

Untuk jelasnya langsung saja langkahnya seperti ini :

1. Masuk dulu ke Acount Blogger atau Dashboard
2. Pilih Layout , lalu klik Edit HTML
3. Centang dulu Expand Widget Templates
4. Cari kode yang seperti ini : 

 

5. Untuk memudahkan mencarinya , pakai saja Ctrl +F , terus ketik kata yang dicari dikotak yang disediakan, lalu klik next.

6. Kalau sudah, tambahkan kode warna merah itu sebagai scollnya

7. Lengkapnya kode tersebut seperti dibawah ini :

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

  </b:if>

  <div class='widget-content'>

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

  </div>
  <b:include name='quickedit'/>

  </div>

</b:includable>

8. Angka 200px adalah tinggi kotak scroll itu, silahkan disesuaikan.

9. Mungkin saja diblog sobat kodenya beda,, Oleh karena itu carilah yang mirip dan perlu dicoba, terus jangan lupa templatenya dibackup dulu.

10. Kalau sudah jangan lupa save template dan beri komentar pada artikel saya yaa...

11. Selesai.