Cara Menambah Scroll pada Blog Archive ( Arsip Blog )

 

        Dengan ini saya akan berbagi tutorial kepada kalian mengenai Bagaimana Cara Memasang atau Membuat Scroll pada Archive Blog kita, yang biasanya di kenal dengan Scroll Naik-Turun, dengan kita memasang Scroll di Blog maka tidak akan memakan banyak tempat untuk Archive Blog kita, sehingga semua isi / konten (daftar isi) pada blog kita bisa di baca dan di lihat oleh pengunjung blog dengan tampilan yang dinamis, Nah, Kalian ingin tahu caranya bukan? yang hsilnya nanti seperti ini :

Cara Memasang Scoll pada Archive Blog

·         Login ke Blogger

·         Di halaman Dasbor, pilih Template

·         Kemudian pilih Edit HTML

·         Cari kode ini : <div id='ArchiveList'> lebih cepatnya gunakan CTRL+F

·         Setelah ketemu taruh kode <div style='overflow:auto; width:ancho; height:200px;'> ini tepat diatasnya kode <div id='ArchiveList'>

·         Kemudian beri kode tambahan </div> sebelum kode <b:include name='quickedit'/>

·         Selesai!
Catatan : Sebelum kalian menggunakan tutorial ini sebelumnya kalian harus tambahkan HTML/Java Script - Blog Archive pada Tata Letak kalian!

·         Jika masih bingung kalian bisa melihat tata letak yang benar seperti dibawah ini :

<b:includable id='main'>
  <b:if cond='data:title'>
    <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>

Semoga Bermanfaat artikel yang saya post mengenai Cara Memasang Scroll pada Archive Blog ini!