cara mudah membuat scroll pada blog archive

Cara Mudah Membuat atau Memasang 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  pada blog kita bisa di baca dan di lihat oleh pengunjung blog dengan tampilan yang dinamis, Nah, Kalian ingin tahu caranya bukan? yang hasilnya nanti seperti berikut ini :

Contoh Scroll Pada Blog Archive
Atau sobat bisa melihatnya pada sidebar gistechindo , di karena gistechindo sendiri sering gonta ganti template jadi scrollnya hilang! Yok langsung saja ikuti tutorial dibawah ini :

Cara Mudah Membuat Scoll pada Blog Archive 

  • Login ke Blogger
  • Di halaman Dasbor, pilih Template
  • Kemudian pilih Edit HTML
  • Cari kode ini : <div id=’ArchiveList’> untuk memmudahkan gunakan CTRL+F supaya lebih cepat dalam mencarinya
  • 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 mengenai Cara Mudah membuat Scroll pada Blog Archive

Leave a Comment

Your email address will not be published. Required fields are marked *