Membuat Arsip Blog dengan fungsi Scroll

Aku membuat arsip blog dengan fungsi scroll seperti ini dengan alasan untuk pertama untuk mempercantik blog dan yang kedua untuk memperpendek daftar arsip blog yang kadang kalau aku lagi demen ngeblog maka daftar arsipnya panjang sampai ke bawah, itu alasan yang paling utama, kalau anda berminat untuk buat silahkan.

Begini cara atau langkah untuk membuatnya;

• Aku login dengan mengunakan akun blogger
• Aku buat Arsip blog dengan menambah Gadget Arsip Blog pada sidebar, aku beri nama dengan "Arsip Blog" (bisa diganti sesuai keingian) aku pilih gaya hierarki
• Simpan/save. sampai disini aku telah membuat Arsip (tanpa fungsi scroll).
• Untuk menambahkan fungsi scroll pada Arsip, sekarang aku menuju dan klik Edit HTML.
• Aku beri tanda centang pada Expand Template Widgets.
• Aku cari Arsip Blog yang sudah aku buat tadi, dengan CTRL+F dan aku ketik kata “Arsip Blog”, maka pencarian akan menuju kode html seperti di bawah 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 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'/>
  

• Kemudian aku tambahkan sedikit kode yang aku cetak merah 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:auto; height:271px;'>
<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'/>
  

Selesai, apakah Anda tertarik? silahkan dicoba.

Related product you might see: