Cara Membuat Fungsi Scroll Pada Arsip Blog/Blog Archive

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)

Tertarik untuk membuatnya ?? ikuti langkah - langkah berikut :

1. Sign In di Bloggermu
2. Klik Menu Rancangan
3. Klik Menu Edit HTML
4. Beri Tanda Centang Pada Kotak "Expand Widget Template"
5. Cari Kode <div id='ArchiveList'> dengan Control F
6. Lalu Tambahkan Kode Berikut di Atasnya:

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

7. Ganti 150px dengan ukuran Kesukaanmu
8. Kemudian Cari Kode di Bawah Ini:





    <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>

9. Lalu Ganti dengan Kode Berikut:

    <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>

10. Simpan Template dan Selesai.