Cara Memasang Scrool Pada Arcive Blog

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!!!!