Posted by : BayuBayyz Sabtu, 31 Agustus 2013

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 comments... read them below or Comment }

Welcome to BIG !!!

Find BIG on Facebook

Popular Post

Copyright © 2013 Bayyz Informatics Gallery. Diberdayakan oleh Blogger.

- Copyright © Big Informatics Gallery by Bayu Wijaya Permana Putra - Powered by Blogger - Supported by Google -