Menambahkan Scroll Pada Arsip Blog

Langsung masuk tutorial instan menambahkan scroll pada arsip blog karena request yang instan juga, tetapi sedikit menambahkan hal-hal yang harus diperhatikan dalam memodifikasi template, berikut sedikit sedikit preview scroll pada arsip yang benar, jika tampilan berbeda coba di cek kembali penempatan script, langsung masuk ke tutorialnya.

Preview Arsip blog yang telah ditambahkan Scroll

1. Login ke Blogger, lalu masuk ke tab Rancangan lalu pilih Edit HTML

2. Contreng Expand Template Widget

3. Cari kode <div id='ArchiveList'> , gunakan menu find (ctrl + F) untuk mempermudah


4. Tambahkan kode <div style='overflow:auto; width:250px; height:350px;'>
diatas kode <div id='ArchiveList'> dan tambahkan kode </div> diatas kode <b:include name='quickedit'/>, kedua kode tersebut untuk penambahan fasilitas scroll pada kolom Arsip Blog

preview hasil penampatannya :

<div style='overflow:auto; width:200px; height:350px;'>
<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>

5. Warna hijau (width:200px; height:350px) diatas untuk mengubah ukuran lebar dan tinggi kotak Arsip Blog, sesuaikan dengan ukuran blog anda.

6. Simpan template, dengan mengklik Simpan Template

.: Semoga bermafaat dan selamat bekerja :.

Share