Cara Membuat Blog Archive dengan Scroll

Mungkin diantara anda yang memiliki blog dengan postingan yang sudah banyak merasa kesulitan saat menempatkan "Blog archive" karena akan memakan tempat yang tentu saja tidak efisien. Nah disini saya mencoba untuk sedikit membantu mengatasi kesulitan tersebut dengan beberapa trik saja yaitu membuat blog archive dengan scroll.

Oh ya bagi yang belum tahu apa itu "blog archive" bisa anda lihat di tampilan sebelah kanan blog duniagenggam ini.

Cara membuat Scroll pada blog archive :

1. Seperti biasa anda login dulu

2. klik Template / Rancangan dan kemudian pilih Edit HTML

3. Jangan lupa centang Expand Template Widgate

4. Cari kode berikut ini :

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
atau
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>

5. Kode lengkapnya seperti dibawah ini :

<b:widget id='BlogArchive1' 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: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>
<b:includable id='flat' var='data'>
<ul>

6. Kode warna merah dan Biru itulah yang dimasukkan kedalam script tersebut.

7. Kalau sudah silahkan anda Save dan kemudian lihat hasilnya

Selamat Mencoba..!