Sabtu, 31 Agustus 2013

Pengertian Scrollbar dan Cara Memasang Scrollbar pada Blog

Scrollbar atau yang disebut baris penggulung adalah sebuah kotak yang digunakan untuk menggeser layar agar kita dapat menemukan isi / kontent yang tersembunyi.
Ada 2 macam scrollbar yaitu :

1. Scrollbar tegak, untuk menggeser ke bawah & ke atas lagi (Vertikal). Atau untuk melihat isi / kontent yang ada dibawah & kembali melihat isi / kontent yang ada di atasnya.
2. Scrollbar mendatar, untuk menggeser ke kanan & ke kiri lagi (Horizontal). Atau untuk melihat isi / kontent yang ada dikanan & kembali melihat isi / kontent yang ada di kiri.
Nah disini saya kasih tau code membuat Scrollbar tegak dan bagaimana memasangnya pada blog.
Untuk membuat scroll berikut codenya :

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

</div>

Note : </div> ditambahkan di akhir

Dan yang harus dipahami tata peletakannya, karena bila salah sedikit code tersebut tidak akan work.

Sebagai contoh saya memakai scroll ini pada arsip blog, contoh susunannya sebagai berikut :

<div class='widget-content'>
          <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'/>

Note : Sengaja saya kasih warna merah di codenya, agar dapat dengan mudah dipahami




Gampang kaan ?

Nah sobat bisa menggunakan code scroll ini di blog atau website sobat pada bagian mana saja, misalnya bisa untuk popular posts, article, archive dsb.

Semoga bermanfaat ;)






Bisnis online termudah, Bahkan jika Anda seorang yang awam sekalipun, Anda pasti bisa menjalankan bisnis ini. "Bukan member get member". Isi surveinya terlebih dahulu, lalu ikuti bisnisnya ! KLIK DISINI !

10 komentar: