Hay sobat KK? Disini kami 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:
Atau kalian bisa melihatnya pada sidebar keluarkemana, karena kami sendiri juga memasang fungsi ini! Yuk 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'/>
Catatan : Sebelum kalian menggunakan tutorial ini sebelumnya kalian harus tambahkan HTML/Java Script - Blog Archive pada Tata Letak kalian!
<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 + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>
</div>
</b:includable>
<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 + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>
</div>
</b:includable>
Nah itu tadi cara memasang fungsi scroll pada bagian arsip blog. Semoga bermanfaat!
Ikuti @keluarkemana
Sumber: Disini
