Cara Memasang dan Membuat Scroll pada Blog Archive [Arsip Blog]

Cara Memasang dan Membuat Scroll pada Blog Archive [Arsip Blog]

Halo sobat kumpulan's.... kali ini admin akan berbagi kepada sobat sebuah tips dan trik membuat Blog Archieve atau Arsip Blog sobat dengan scroll. Scroll sangat diperlukan untuk merapikan indeks yang terlalu banyak sehingga blog terlihat rapi dan dinamis.

Okelah, silahkan sobat ikuti langkah-langkah berikut ini :

• Cara Memasang Scoll pada Archive Blog
• Login ke Blogger
• Di halaman Dasbor, pilih Template
• Kemudian pilih Edit HTML
• Cari kode ini : <div id='ArchiveList'> lebih cepatnya gunakan CTRL+F
• Setelah ketemu taruh kode <div style='overflow:auto; width:ancho; height:200px;'> ini tepat diatasnya kode <div id='ArchiveList'>
• Kemudian beri kode tambahan </div> sebelum kode <b:include name='quickedit'/>
• Selesai!
• Catatan : Sebelum kalian menggunakan tutorial ini sebelumnya kalian harus tambahkan HTML/Java Script - Blog Archive pada Tata Letak kalian!
• Jika masih bingung kalian bisa melihat tata letak yang benar seperti dibawah ini :

<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
<div style='overflow:auto; width:ancho; height:200px;'>
  <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>

Semoga Bermanfaat, jika sobat ingin mendapatakan informasi terbaru lainnya silahkan sobat like dan follow blog ini OK...

Tweet