Wednesday, February 29, 2012

Cara Membuat Scroll Pada Arsip Blog

10:01 AM Hzndi No comments


Membuat scroll dalam arsip blog ? maksudnya apa sih ? yap, kadang2 pada bingung juga sih, kira2 tampilannya seperti gambar diatas, lalu bagaimana cara membuatnya ? okey saya akan beri tahukan bagaimana cara membuat scroll arsip blog seperti punya saya,ya selain berguna untuk meringankan blog, dengan arsip blog ini, kita maupun pengunjung kita bisa melihat postingan kita yang lawas alias jadul hehe. berikut langkah2nya dibawah ini.

1. Masuk Akun Blogger kalian.

2. Klik Rancangan --> Edit HTML.

3. Back Up template terlebih dahulu, untuk menghindari hal-hal yang tidak diinginkan.

4. Centang Expand Template Widget.


5. Setelah itu kamu cari kode seperti ini <div id='ArchiveList'> gunakan ctrl+f untuk memudahkan pencarian.

6. Copas kode ini <div style='overflow:auto; width: auto; height:220px;'> dan letakan diatas kode <div id='ArchiveList'> tadi. kira2 tampilannya seperti dibawah ini

<h2><data:title/></h2>
      </b:if>
      <div class='widget-content'>
    <div style='overflow:auto; width: auto; 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>
      </div>
    </b:includable>

7. Tutup kode diatas dengan </div> yang berwarna merah seperti contoh diatas.

8. Simpan Template. mudah bukan ?

Postingan Terkait:

Posted in:

0 komentar:

Post a Comment

Komentarmu menunjukan kecerdasanmu, Kalau komentar cuma buat cari link buat apa ? :)

Twitter Delicious Facebook Digg Stumbleupon Favorites More