Home » » Cara Membuat Box Scoll pada Archive di Blogger

Cara Membuat Box Scoll pada Archive di Blogger

Selamat Datang di 4idoru.

Kali ini 4idoru. membagikan cara membuat box scoll pada archive di blog. Box Scoll agar archive/arsip tidak menghabiskan tempas di home page nah langsung saja ke pembuatannya 

  • Silahkan login 
  • pada halaman dasbor, pilih template
  • kemudian pilih Edit
  • cari code berikut : <div id='ArchiveList'>  agar cepat gunakan Ctrl + F
  • Bila ketemu taruh code ini <div style='overflow:auto; width:ancho; height:200px;'>  tepat di atas code <div id='ArchiveList'> 
  • Kemudian tambahkan code </div>   sebelum kode  <b:include name='quickedit'/> 
  • Dan silahkan di Simpan 
  • Catatan : Anda harus memliki Widget Archive/Arsip pada blog anda. untuk menambahkan menu archive pilih Tata Letak klik tambah gadget pilih gadget Archive/arsip lalu klik oke.


  • Bila masih binggung dengan tutorial di atas anda bisa lihat lebih jelas seperti 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>



  • width:ancho (Auto) : Panjang bisa anda ganti sesuai keinginan. Contoh width:200px
    height:200px          :Tingginya bisa anda ganti sesuai keinginan anda.


    Sekian dari posting kali ini tentang membuat box scoll di archive dan sampai bertemu di posting selanjutnya  Terimahkasih

0 comments:

Post a Comment