Tampilkan postingan dengan label Membuat arsip blog scroll down. Tampilkan semua postingan
Tampilkan postingan dengan label Membuat arsip blog scroll down. Tampilkan semua postingan

Membuat Arsip Blog Scroll Down di Blogger atau Blogspot

Membuat arsip blog scroll down di blogger atau blogspot sebenarnya gak terlalu sulit. Itu berlaku bagi yang sudah tau. Namun bagi yang belum, tentu saja kepalanya bisa bikin puyeng. Terlebih-lebih bagi yang suka update blognya dansuka menulis, pasti arsip blognya sangat banyak dan panjang di sidebar blog kita.

Nach, untuk mengakali hal itu kita bisa membuat arsip blog scroll down, sehingga sidebar kita tadak terlalu panjang kebawah dan tentu saja juga enak di pandang mata.

Cara membuat arsip blogscroll down, ikuti langkah-langkah berikut ini:
  • Masuk ke dasbor blogger Anda dulu.
  • Klik menu Rancangan.
  • Klik menu Elemen Halaman.
  • Klik Tambah gadget => pilih Arsip Blog  => Klik tanda +  =>  pilih   gaya Hierarki  => lalu klik Simpan.
  • Setelah itu, klik Edit Html.
  • Beri tanda centang pada tulisan Expand Widget Template
  • Lalu coba cari kode seperti ini
<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>

Nanti Anda akan menemukan kode lengkapnya seperti di bawah ini :

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
<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:100px;'>
<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>
<b:includable id='flat' var='data'>
<ul>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul>
 Notes:  Tulisan yang berwarna pink dan biru adalah kode yang harus ditambahkan kedalam script tersebut.
 Sementara kode yang berwarna biru adalah tinggi dari elemen arsip blog kita natinya yang bisa kita ubah sesuka hati. Setelah selesai, silahkan simapan dengan mengklik menu  Simpan Template.


Siap dech dan beginilah cara membuat arsip blog scroll down di blogger atau blogspot seperti yang kita lihat di blog-blog mastah kita yang sudah malang melintang di dunia blog ini.