Menambahkan Scroll Pada Blog Archive

Blog Archive, siapa yang tidak tahu blog archive. 

Menurut saya dari pada membuat sebuah daftar isi mendingan saya menggunakan Blog Archive sebagai daftar isi blog saya. Tapi terkadang ketika artikel2 di dalam blog sudah terlampau banyak, itu membuat blog archive ini tidak enak liat dipandang karena akan berjajar sangat banyak menumpuk ke bawah. Untuk itu saya akan memberi tahu solusinya. Scroll.

Scroll adalah solusinya. Dengan Scroll kita bisa membatasi wilayah Blog Archive yang kita miliki. Jadi Dengan demikian dapat menghemat tempat dan sedap untuk dipandang. 

1. Pertama masuk ke account Blog anda. 
2. Klik Design>Edit HTML
3. Jangan lupa download full template sebelum terjadi kejadian yang tidak diinginkan.
4. Centang Expand Widget Templates
5. Cari Kode : <div id='ArchiveList'> (untuk mempermudah gunakan Ctrl+F untuk mencarinya)
6. Setelah ketemu, letakan kode <div style='overflow:auto; width:ancho; height:200px;'> tepat di atas kode tadi.
7. Lalu tutup kode tersebut menggunakan kode </div>
8. untuk selengkapnya lihat ini.

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

    9.  Kode yang berwarna merah adalah tempat dimana kode itu diletakan.
   10. height:200px adalah batas panjang ukuran scroll yang akan terbuat. Angka 200 dapat diganti sesuai
         kebutuhan anda.

Facebook Comment :

Artikel Terkait:

Posted in: Blog