Cara Membuat Scroll Pada Widget Archive Blog

Seperti sobat lihat pada widget sidebar blog saya pada Archive Blog saya menggunakan scroll agar tidak terlalu panjang artikel yang keluar. Apakah sobat juga ingin mencoba Cara Membuat Scroll Pada widget Archive Blog sobat, silahkan ikuti tutorial berikut :

1.  Login ke Acount Blogger atau Dashboard
2.  Pilih Layout
3.  Lalu 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 sobat apabila sudah ketemu kode yang mirip di atas maka sobat tinggal menambahkan kode yang berwarna "BIRU" saja. Untuk pengaturan tingginya bisa sobat lihat di angka "220px" sesuaikan dengan keinginan sobat. Sekian dulu tutorial Cara Membuat Scroll Pada Widget Archive Blog semoga bisa berguna bagi sobat.

Artikel Terkait

Cara Membuat Scroll Pada Widget Archive Blog

4/ 5

Oleh Randi Afrinal

Randi Afrinal 8/11/2012 Komentar