Cara Membuat Scroll Pada Widget Arsip Blog

Sahabat ebooker - Biasanya bila menambahkan widget arsip blog, maka secara default ketika diklik akan membuat tampilan arsip blog memanjang ke bawah. Dengan menjadikan scroll maka widget arsip blog menjadi lebih ringkas dan tidak memanjang. Sehingga dapat membuat tampilan blog menjadi lebih rapi dan indah. Postingan kali ini berbagi cara membuat scroll pada widget blog archives (arsip blog). Di bawah ini contoh penampilan widget archives blog yang dibuat scroll :

Langkah membuat scroll sebagai berikut:

1. Masuk ke akun blogger.
2. Dari halaman dasbor, pilih Template.
3. Kemudian klik Edit HTML.
4. Kemudian cari kode " <div id='ArchiveList'> " (tanpa tanda petik). Gunakan CTRL+F untuk memudahkan pencarian.
5. Kemudian terapkan seperti ini dengan menambahkan kode berwarna biru di bawah 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 menambahkan </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.

Mungkin cukup sekian dulu penjelasan membuat scroll pada widget arsip blog, semoga berhasil.