Cara Membuat Widget Archive Dengan Scroll di Blog

Cara Membuat Widget Archive Dengan Scroll di Blog

Di Postingan kali ini saya akan share bagaimana membuat Widget Archive tampil lebih minimalis dan tidak memakan banyak space di blog. Yups, Jika sebuah tampilan menjadi pilihan para sobat bloger. Maka Cara Membuat Widget Archive Dengan Scroll di Blog ini bisa menjadi pilihan sobat.

Berikut Cara Membuat Widget Archive Dengan Scroll di Blog :
1. Log in ke dasboard blog sobat
2.

Klik Template

3.

Klk Edit HTML

4.

Pada Kotak HTML Klik CTRL+F ( isikan <div id='ArchiveList'> )Kemudian tekan Enter dan replace dengan <div style='overflow:auto; width:ancho; height:200px;'> Sehingga menjadi seperti di bawah ini :
<div class='widget-content'>
  <div style='overflow:auto; width:ancho; height:200px;'>
  <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>

Langkah terakhir adalah save template

Demikianlah Tutorial Blog Cara Membuat Widget Archive Dengan Scroll di Blog...Ikatlah ilmu dengan menulisnya,,semoga bermanfaat