blogger templates

Cara Membuat Scroll Pada widget Archive Blog

Apakah anda juga ingin mencoba Cara Membuat Scroll Pada widget Archive Blog anda, silahkan ikuti tutorial berikut

1.  Login ke Acount Blogger atau Dashboard

2.  Pilih Layout
3.  Llalu klik Edit HTML
4.  Centang dulu  Expand Widget Templates
5.  Cari kode yang seperti ini : <div id='ArchiveList'>  atau kata Archive.
Untuk memudahkan mencarinya , pakai saja Ctrl +F , terus ketik kata yang dicari dikotak yang disediakan, lalu klik next.atau tanda panah(di google chrome).
6.  Kalau sudah,  tambahkan kode warna merah itu sebagai scollnya
Lengkapnya kode tersebut seperti dibawah ini :

<h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
<div style='overflow:auto; width:ancho; height:220px;'>
  <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>
</b:includable>
 Nah anda apabila sudah ketemu kode yang mirip di atas maka anda tinggal menambahkan kode yang "berwarna merah" atau yang di garis tebalkan saja. Untuk pengaturan tingginya bisa anda lihat di angka "220px" sesuaikan dengan keinginan anda, jangan lupa taruh kode "</div>" yang berwarna merah di atas..

0 Response to "Cara Membuat Scroll Pada widget Archive Blog"

Post a Comment