Cara Memasang Scrool Pada Arcive Blog

Cara ini hampir sama dengan membuat fungsi scrool pada label perbedaannya hanya terletak pada kata label dan arcive saja. Berikut adalah contoh Memasang Scrool Pada Arcive Blog :

Gambar di atas adalah Arsive Blog yang sudah kita modif dengan Scrool. Untuk mendapatkan Arcive Blog seperti diatas ikuti saja langkah-langkah berikut :

1. Pastikan kalian sudah login ke akun blogger kalian.

2. Pilih Layout.

3. Lalu klik Edit HTML.

4. Centang Expand Widget.

5. Cari kode seperti ini <div id='ArchiveList'> untuk memudahkan pakai Ctrl + F.

6. Kalau sudah ketemu tambahkan kode berikut <div style='overflow:auto; width: auto; height:300px;'>

7. Tambahkan </div>

8. Lebih tepatnya seperti kode berikut.

<b:if cond='data:title'>
    <h3><data:title/></h3>
  </b:if>
  <div class='widget-content'>
<div style='overflow:auto; width: auto; height:300px;'>
  <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>
</b:widget>

NB : untuk warna merah terserah kaliah mau ganti dengan angka berapa saja.

9. Save Template.

Sampai disini sobat tutorial Cara Memasang Scrool Pada Blog. Semoga Bermanfaat!!!!

By http://gubukcurhat.blogspot.com