Visitor

Ads 468x60px

Blogger Themes

ads ads ads ads

Rabu, 02 Januari 2013

Cara Mudah buat Scrollbar Di Arsip Blog


  1. Pilih menu "Design"
  2. Klik "Edit HTML"
  3. Alangkah baiknya backup dulu template yang kita gunakan "demi keamanan takutnya terjadi sesuatu pada blog kesayangan kita", caranya klik "Download Full Template"
  4. Beri tanda centang pada "Expand Template Widget"
  5. Cari kode ini <div id='ArchiveList'>
    (supaya lebih mudah, tekan ctrl+f terus masukan kode yang dicari)
  6. Kalo udah ketemu, copy/paste kode di bawah ini tepat sebelum kode<div id='ArchiveList'>
  7. <div style='overflow:auto; width:ancho; height:100px;'>

      Kalo udah, tambahin kode </div> di atas kode <b:include name='quickedit'/>

      Supaya lebih jelas, coba perhatikan beberapa kode yang ada dibawah ini jadi seperti ini sob !

      <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'/>

        Preview dulu kalo dah yakin dan gak eror
        Klik "Save Template"

        Perlu diperhatikan:
        Teks warna biru adalah posisi dimana kode harus diletakkan
        Teks warna Hijau adalah ukuran dari tinggi kotak arsip blog yang udah kita tambahin scroll button
        Semoga bermanfaat dan membantu ya sob !!



      ads

      Ditulis Oleh : Ray Pamungkas Hari: 05.46 Kategori: