Friday, April 14, 2017

Cara Membuat Widget Archive Dengan Scroll di Blog

Cara Membuat Widget Archive Dengan Scroll di Blog


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.
Cara Membuat Widget Archive Dengan Scroll di Blog

Klik Template

3.
Cara Membuat Widget Archive Dengan Scroll di Blog
Klk Edit HTML

4.
Cara Membuat Widget Archive Dengan Scroll di Blog

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
Cara Membuat Widget Archive Dengan Scroll di Blog

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

Go to link Download

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.