Membuat Arsip Blog Model Scroll

Kali ini kita akan membahas masalah arsip blog.
Jika pada arsip blog standar yg kita gunakan akan memakan banyak tempat dihalaman depan, apa lagi jika jumlah postingan kita terlalu banyak maka akan mengganggu pemandangan beranda blog kita..
Saat kita memakai arsip blog model hirarki maka jumlah postingan kita akan menjulur panjang kebawah..

Untuk mensiasatinya kita buat menjadi model scroll, dan tentunya agar memperindah tampilan blog kita..

Berikut langkah-langkah dalam membuat arsip blog model scroll:

1. Buatlah arsip blog terlebih dahulu

2. Seperti biasa, klik Rancangan, kemudian klik Edit HTML, dan jangan lupa centang Expand Template Widget

3. Di bagian kode HTML cari dan amati kode 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:150px;'>
<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'/>


Kode yang berwarna biru adalah kode yg harus sobat tambahkan..
Sedangkan height:150px adalah tinggi arsip yang ingin di tampilkan di blog sobat, dan sobat bisa mengganti dengan ukuran yg sobat inginkan...

3. Simpan template, selesai..

Semoga bermanfaat..!




Sumber: http://lovelizzers.blogspot.com

Label/Kategori: Tutorial Blog

Baca Terkait Lainnya..

Tutorial Blog

• Cara menyembunyikan shoutmix chat dikiri dan kanan blog (ChatBox Hidden)
• Cara membuat nomor halaman blog (number page navigation)
• Cara Membuat Header Menjadi 2 Kolom
• Membuat Readmore Otomatis
• Menghilangkan tulisan "Subcribe To" di bawah postingan
• Membuat Artikel Terkait dengan Gambar
• Membuat Artikel Terkait (Related Post) dalam Bentuk Scroll
• Postingan Blog Otomatis Ke Twitter dan Facebook
• Menghilangkan tulisan Berlangganan Entri Atom
• Menghilangkan tulisan Link Posting Lama dibawah postingan