Membuat Scroll Pada Arsip Blog

Artikel terkait : Membuat Scroll Pada Arsip Blog

  • Pastikan anda sedang login dengan akun blog saudara
  • Masuk ke menu Template Blog, lalu klik tombol Edit HTML
  • Cari kode <div id='ArchiveList'>
  • Klik pointer pada kolom edit HTML, kemudian tekan Ctrl+F atau F3 untuk mempemudah pencarian kode <div id='ArchiveList'>
  • Jika sudah ketemu, Simpan kode di bawah ini tepat di atas kode <div id='ArchiveList'>.
  •  <div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 100%; height: 200px; background-color: #FFFFFF;">

  • Sehingga menjadi seperti ini
  • <h2><data:title/></h2>
      </b:if>
      <div class='widget-content'>
    <div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 100%; height: 200px; background-color: #FFFFFF;">
      <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'/>
  • Jangan lupa berikan tag penutup </div> seperti contoh yang berwarna merah di atas
  • Klik simpan template
Keterangan Kode Berwarna Merah di Atas:

  1. Kode height adalah kode yang menentukan tingginya scrolling pada blog arsip.
  2. #FFFFFF adalah warna background,anda bisa mengubahnya sesuai ke inginan anda. Lihat di sini " Kode Warna HTML Lengkap"

Artikel GudangSharing009 Lainnya :

0 komentar:

Posting Komentar

Copyright © 2015 GudangSharing009 | Design by Bamz