Cara Membuat Scrollbar Pada Arsip Blog Di Blogspot.com_Siphe Mamahnya Qiral


Disaat anda mempunyai banyak postingan di bulan ini maka tampilan arsip blog anda akan bertambah panjang ke bawah tentunya. Untuk menghemat tempat dan agar

lebih praktis maka anda bisa membuat scroolbar di bagian arsip blog anda seperti contoh gambar disamping ini atau bisa dilihat ditampilan blog "Siphe" tentunya.

 Bagaimana cara membuat scrollbar pada arsip blog di blogspot ?. Caranya gampang cuy, monggo langsung wae yow.. berikut ini langkah-langkahnya:





  • Silahkan log in dulu ke blogger.com
  • Pilih menu "Design" 
  • Klik "Edit HTML" 
  • Jangan lupa untuk mengantisipasi kesalahan saat pengeditan template silahkan di Download dulu
  • Beri tanda centang pada "Expand Template Widget"
  • Cari kodeHTML ini <div id='ArchiveList'> ( supaya lebih gampang, tekan ctrl+F dan masukan kode yang dicari )
  • Kalo udah ketemu, copy/paste kode di bawah ini tepat sebelum kode
  •   <div id='ArchiveList'>    
<div style='overflow:auto; width:ancho; height:100 px;'>

  • Setelah selesai, tambahkan juga kode </div> di atas kode <b:include name='quickedit'/>
  • Lebih jelasnya silahkan lihat tampilan dibawah ini ya..  

<div style='overflow:auto; width:ancho; height:100px;'>
<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'/>

  • Selanjutnya Klik "Save Template

Catatan:  
  • Teks dengan  warna " Merah" adalah posisi dimana kode harus diletakkan
  • Sedangkan untuk teks yang berwarna " Biru" adalah ukuran dari tinggi kotak arsip blog yang telah anda tambahkan scroll button. 
  • Silahkan anda coba coba sendiri untuk memodifikasi ukuran arsip anda sesuai dengan selera anda.......semoga bermanfaat..........ngihui..... 
                     

Post a Comment

Previous Post Next Post