Tuesday, March 11, 2014

Cara Memasang dan Membuat Scroll pada Blog Archive [Arsip Blog]

Hay sobat mazinu? Disini mazinu 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 :


Memasang dan Membuat Roll pada Archive Blog
Atau kalian bisa melihatnya pada sidebar mazinu,, karena mazinu sendiri juga memasang! Yok langsung saja ikuti tutorial dibawah 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 MemasangScroll pada Archive Blog ini!

Sumber

0 comments:

Post a Comment