membuat scroll pada blog archive

biasanya tampilan pada arsip blog memanjang kebawah, supaya lebih simple kita harus membuat scrollnya. nah,  membuat Scroll untuk Arsip Blog anda.

Adapun langkah-langkahnya :

1. Log in ke Blog anda -> Rancangan.


2. Lalu klik Edit HTML.

3. Centang pada Expand Template Widget.

4. Setelah itu cari kode di bawah ini (gunakan CTRL + F) untuk memudahkan pencarian :

<div id='ArchiveList'>

5.  Perhatikan kode dibawahnya, lihat selengkapnya :

<div style='overflow:auto; width:ancho; height:100px;'>
<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'/>

6. Kode yang tercetak tebal berwarna Merah adalah kode yang anda harus tambahkan untuk membuat Scroll, dan letakkan kode tersebut sesuai dengan posisi seperti di atas. Angka 100 yang tercetak tebal berwarna Biru adalah angka untuk tinggi kotak Scroll-nya, anda bisa mengubahnya sesuai dengan keinginan anda.

7. Simpan template anda dan lihat hasilnya.

Posting Lebih Baru Posting Lama

Leave a Reply

Pages

Blogger news

Blogroll