Kamis, 30 Juni 2011

Membuat Fungsi Scroll Bar di Blog

Scroll bar adalah sebuah kotak yang dapat digulung kekanan atau ke bawah sehingga kita dapat menemukan isi yang tersembunyi. Mungkin anda pernah melihat blog yang penuh dengan isinya yang sangat panjang sehingga memperlambat loading blog tersebut. Supaya blog anda tidak seperti itu, di tips kali ini saya akan menjelaskan cara menghilangkan sesak tersebut dengan membuat scrollbar. Dengan begitu kita bisa menghemat pamakaian ruang blog.caranya adalah letakkan kode diantara kode scroll bar.



Pada contoh diatas adalah bentuk daftar isi scroll bar. apabila anda pingin membuat scroll bar seperti milik saya silakan ikuti langkahnya :

Berikut adalah kode untuk membuat scroll bar:

<div style="overflow:auto;width:auto;height:200px;padding:10px;border:1px solid #eee; background: #888888;">
TULISAN ANDA DISINI
</div>

Catatan :
  • Ubah kode width: dan kode height: sesuai dengan keinginan anda;

  • Pada Kata TULISAN ANDA DISINI adalah tempat menaruk kata-kata yang diinginkan.

Selamat berkarya dan semoga berhasil.

3 komentar:

  1. Thanks infonya om...
    Kpn2 tak mampir lagi.. tpi jgn lupa lihat blog amatiranku ya @ www.oyotring.blogspot.com

    BalasHapus
  2. Thankz gan info'y langsung saya praktekkan dan hasilnya mantab di blog saya yang baru menetas,,,,

    BalasHapus
  3. makasih atas kepercayaan agan-agan semua yang telah memanfaatkan tutorial disini... semoga sukses selalu buat anda

    BalasHapus