Menambahkan Scroll Button di Arsip Blog

 Pernah ga ngeliat satu web/blog yang arsip blognya banyak banget??? Terus coba perhatiin deh apa yang terjadi ama tampilan arsip blognya !!! yupz… tampilannya jadi berjejer sangat panjang ke bawah ‘n memberikan kesan yang engga rapi buat yang ngeliat blog tersebut. Ini bukan merupakan suatu hal yang aneh, sebab arsip blog bawaan standar memang di rancang tampil seperti itu.

Buat ngakalinnya, kita cukup nambahin scroll button aja di arsip blog tersebut. Apa efeknya buat blog kita?? Penambahan scroll button sangat berguna, sebab arsip blog dapat dilihat secara bergantian dengan cara ng-drag scroll button tersebut sehingga arsip blog tidak akan memakan ruang di side bar blog kita. 

Berikut Cara Membuatnya :

1. 1.masuk ke blog sobat
   2.ke template->edit HTML->centang ->tekan CTRL+F untuk memudahkan lalu cari kode

    <b:if cond='data:title'>

   catatan :biasanya kode tsb berada di bawah kode  <b:includable id='main'>
   
   
   
   3.nah setelah ketemu,sisipkan kode <div style='overflow:auto; width:180px; height:300px;'> dan
   </div>
   
   
   berikut tampilan lengkap dimana kode warna biru dan kuning di sisipkan :

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

   
   
   4.setelah bershasil menyisipkan kode di atas,simpan template dan lihat hasilnya !!!!
   
   
   catatan :
   
   

   • width:180px;  = Lebar arsip
   • height:300px; = Tinggi arsip
   • arsip blog harus dengan gaya Hierarki