Nih Bagi yang ingin Mengubah Tampilan Arsip di Blog Sobat

  Pada kesempatan kali ini saya akan berbagi cara bagaimana membuat scroll pada widget archive (arsip) sehingga tampilan arsip blog menjadi lebih ringkas dan lebih menarik. Berikut penampilan widget archive blog yang telah dibuat scroll:

Cara membuat scroll pada arsip blog adalah sebagai berikut:

1. Login ke blogger sobat.
2. Di halaman dasbor, pilih template.
3. Kemudian klik Edit HTML.
4. Kemudian cari kode " <div id='ArchiveList'> " tanpa tanda petik. Gunakan CTRL+F untuk mencari.
5. Kemudian terapkan seperti ini:

<div style='overflow:auto; width:ancho; height:250px;'>
<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>
<b:include name='quickedit'/>
</div>
</div>
</b:includable>

Letakkan <div style='overflow:auto; width:ancho; height:250px;'> tepat di atas <div id='ArchiveList'>

Untuk mengatur tinggi widget dapat mengubah height:250px sesuai dengan keinginan anda.

Jangan lupa juga letakkan </div> sesudah <b:include name='quickedit'/>

6. Sebelum disimpan lebih baik anda Preview (Pratinjau) untuk melihat perubahan yang terjadi, jika sudah yakin Simpan template anda.

Cukup sekian dulu tutorial membuat scroll pada widget arsip blog, semoga berhasil. Jangan lupa selalu kunjungi blog ini, dan jangan lupa share ke teman yang belum tahu.
Created By: Zoic (Fransisco Raja H.S.)