Membuat Frame / Scroll Di Blog (Biar Kagak Makan Tempat)

Overflow
Membuat overflow pada elemen. Maksudnya adalah, elemen tersebut memiliki scroll bar, karena ukurannya kita kecilkan, sedangkan kontent di dalamnya sangat banyak. Dengan metode ini, kita dapat menghemat tempat di blog.
Sekedar contoh elemen <div> yang menggunakan overflow:
Ini hanya sekedar contoh isi didalam elemen yang menggunakan overflow
Ini hanya sekedar contoh isi didalam elemen yang menggunakan overflow
Ini hanya sekedar contoh isi didalam elemen yang menggunakan overflow
Ini hanya sekedar contoh isi didalam elemen yang menggunakan overflow
Ini hanya sekedar contoh isi didalam elemen yang menggunakan overflow
Ini hanya sekedar contoh isi didalam elemen yang menggunakan overflow
Ini hanya sekedar contoh isi didalam elemen yang menggunakan overflow
Ini hanya sekedar contoh isi didalam elemen yang menggunakan overflow
Ini hanya sekedar contoh isi didalam elemen yang menggunakan overflow
Ini hanya sekedar contoh isi didalam elemen yang menggunakan overflow
Ini hanya sekedar contoh isi didalam elemen yang menggunakan overflow
Ini hanya sekedar contoh isi didalam elemen yang menggunakan overflow
Ini hanya sekedar contoh isi didalam elemen yang menggunakan overflow
Ini hanya sekedar contoh isi didalam elemen yang menggunakan overflow
Ini hanya sekedar contoh isi didalam elemen yang menggunakan overflow
Ini hanya sekedar contoh isi didalam elemen yang menggunakan overflow
Ini hanya sekedar contoh isi didalam elemen yang menggunakan overflow
Pada contoh diatas, kontent di dalam elemen tersebut sangat banyak. Sedangkan tinggi elemen aku atur menjadi 100px saja. Jika kita menggunakan overflow, maka elemen tersebut memiliki scroll bar. Dan kita dapat menggulung keatas amupun kebawah pada elemen tersebut.
Berikut ini kode untuk membuatnya:
<div style="overflow: auto;">

<!-- ISI ELEMEN SILAHKAN DI ISI APAPUN SESUKAMU -->

</div>
Jadi, cukup kita tambahkan overflow: auto; pada CSS widget atau elemen yang akan dibuat menjadi overflow. Untuk lebar dan tinggi elemen, silahkan ditambahkan sendiri. Sudah tau caranya kan? Jika kamu tambah height saja, maka overflow yang muncul adalah yang naik-turun. Kalau hanay width saja yang kamu atur, maka overflow yang muncul adalah yang ke kiri dan kanan. Semoga penjelasan diatas cukup jelas.
Comments

4 comments:

  1. Eh, aku kok kalo buat frame ada scrool yang horizontal sih ?? apa karena overflownya atau apanya ? Maksudnya gimana caranya biar cuma scrool atas bawah doang ... :f:

    ReplyDelete
  2. beuh...DEwaaaaaaa.....gan ajarin dong ane baru belajar joomla, agan pake WP y?
    cara bikin headlines kaya agan gmn tuh gan??
    emailin ane y gan...biar lgs ane liat
    [email protected]

    ReplyDelete
  3. http://belajarislamituindah.blogspot.com/
    kapan-kapan buka yah buat gnebuburit

    ReplyDelete
Related posts
Guestbook
Author


© 2008 - 2016 DickeyMaru
Blogger Template Win 8 design by Dark Ard from DeezClan | All rights reversed.
  • Post
  • Comments
  • Related
  • Guestbook
  • Author
  • Other