Cara Membuat Kolom Scroll Archive Pada Blogspot

Sewaktu memposting suatu artikel di archivekan secara Hierarki dan Judul Artikelnya ditampilkan, maka semua artikel yang ada di Blog Archive tersebut akan tampil memanjang ke bawah. Untuk membuatnya terlihat sedikit rapi agar tidak memanjang terlalu ke bawah, maka kita perlu membuat Kolom Scrollnya.

 Contoh Tampilan Kolom Scroll Archive

Langkah - langkah membuatnya sebagai berikut:

1. Login ke akun blogspot

2. Klik Design/Rancangan >> Edit HTML >> Centang Expand Widget Templates

3. Cari kode berikut <div id='ArchiveList'> atau ArchiveList

Perhatian : Untuk menemukan kode <div id='ArchiveList'> atau ArchiveList maka teman-teman harus memasang Blog Archive nya terlebih dahulu, dengan cara! klik Design/Rancangan >> Page Element >> Add a Gadget >> Blog Archive >> Save. Jika teman-teman sudah memasang Blog Archive nya maka langsung saja mencari kodenya tadi.

4. Selanjutnya tambahkan kode yang berhuruf tebal seperti di bawah ini:


<div class='widget-content'>

<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 100%; height: 200px; background-color: #FFFFFF;">

<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>


5. Sesuaikan kodenya, karena tidak semua templates sama

6. Untuk merubah tinggi kolom scroll, silahkan ganti pada kode height: 200px,

7. Jika sudah klik Save templates dan lihat hasilnya.

Demikian Cara Membuat Kolom Scroll Pada Blog Archive, Selamat mencoba.