Search JavaScript Kit:

This free script provided by
JavaScript Kit

Placed AD here !!

Cara Mudah Menambahkan Scroll Bar Pada Arsip Blog Standar

Sering kita menjumpai tampilan arsip blog yang berjejer ke bawah hingga menghabiskan space sidebar blog, apa efek dan ruginya ? secara pribadi dan hak memang tidak mengapa, tapi apabila dilihat dari segi estetika ( ceileeeeh .... ) kayaknya kurang bagus ya dipandang mata....dan terkesan kurang rapi dan elegant ( hahahahaha...). Emang tampilan seperti itu tidak aneh dan jangan kaget karena memang dirancang seperti tiu yang merupakan tampilan bawaan/ standar blogspot. Trus bagaimana caranya agar kelihatan rapi dan tidak menghabiskan space sidebar blog ? gampang saja saya rasa, kita hanya menambahkan tombol scroll pada tubuh blog tersebut. Kelebihan penambahan gadget ini tiada lain untuk selain kelihatan cantik dan indah juga untuk mempermudah pencarian arsip hanya dengan menggeser tombol scroll yang telah ditambahkan.
Screenshot arsip blog standar:



Caranya yaitu seperti berikut ini :
  • Login ke Akun Blogger.com
  • Pilih Elemen Rancangan ( Design )
  • Pilih Edit HTML
  • Cari kode  <div id='ArchiveList'>  
  • Jika ketemu, kemudian copy- paste kode dibawah ini tepat sebelum kode diatas


<div style='overflow:auto; width:ancho; height:100px;'>


  • Kemudian cari kode <b:include name='quickedit'/> trus tambahkan kode </div> diatas kode  tersebut.
  • Maka tampilanya akan menjadi :



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

           Keterangan kode HTML :
            - Height : 100px  : Untuk tinggi scroll bar arsip dan bisa diganti


  • Simpan template dan lihat hasilnya.
Selesai sudah tutor tips cara mudah menambahkan tombol scroll pada arsip blog. Semoga bermanfaat.

0 komentar:

Post a Comment

No spam...