Membuat Fungsi Scroll Pada Blog Archive

Jika postingan di blog kamu lebih dari 50 post/harinya, mungkin akan ada banyak sekali entri yang tampil di widget "Blog Archive" atau nama lainnya "Arsip Blog". dengan begitu widget ini akan banyak memakai ruang di sidebar blog kamu yang otomatis akan mengganggu widget-widet lainnya.
Tak apa. karena semua itu bisa diatasi. caranya adalah dengan memperkecil widget Blog Archive dengan menggunakan fungsi Scroll pada widget itu. Bagaimana cara membuatnya??

Ikuti langkah-langkah berikut !

1. Masuk dulu ke Acount Blogger atau Dashboard
2. Pilih Layout , lalu klik Edit HTML
3. Centang dulu  Expand Widget Templates
4. Cari kode yang seperti ini : <div id='ArchiveList'>  atau kata Archive.
5. Untuk memudahkan mencarinya , pakai saja Ctrl +F , terus ketik kata yang dicari dikotak yang disediakan, lalu klik next. 
6. Kalau sudah,  tambahkan kode berwarna Merah sebagai scollnya:
   
7.  Lengkapnya kode tersebut seperti dibawah 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>

8. Angka 200px adalah tinggi kotak scroll itu, silahkan disesuaikan.
9. Mungkin saja diblog sobat kodenya beda, Oleh karena itu carilah yang mirip dan perlu dicoba, terus jangan lupa templatenya dibackup dulu.
10. Save template
11. Selesai.

Baca Juga Artikel dibawah ini :

Posted in: Blogspot