Cara Membuat Scroll Pada Arsip Blog


Membuat scroll pada arsip blog, akan memudahkan kita mengatur panjang sidebar ke bawah. Sehingga meskipun pada bulan tertentu banyak postingan atau sedikit,  arsip blog yang tampilannya hierarki akan terlihat rapi dengan adanya scroll. Jika kita sudah menambahkan widget arsip blog dengan model hierarki, langsung saja lakukan cara selanjutnya.

Membuat Scroll Pada Arsip Blog, cara-caranya adalah :
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 :
     
    <div id='ArchiveList'>

6. Copy code berikut ini tepat di atas nya :
     
     <div style='overflow:auto; width:ancho; height:200px;'>

7. Cari lagi kode berikut :
     
     <b:include name='quickedit'/>

8. Copy code berikut ini tepat di atas nya :
     
     </div>

9. Jadi kode lengkapnya adalah seperti 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></div>
     <b:include name='quickedit'/>

     </div>

7. Kode warna merah dan hijau adalah kode yang ditambahkan kedalam script tersebut, 260 adalah tingginya, dan kita bisa ubah seseuai selera.
 8. Simpan Template jika sudah selesai. 

1 Response to "Cara Membuat Scroll Pada Arsip Blog"

  1. SEO-nya mantap, untuk ketword "Membuat Scroll pada Arsip Blog" bisa nomor satu di Google.

    BalasHapus