Berlangganan Artikel Via Email

Posting Terbaru

Scrolling Pada Kolom Posting

|

Scrolling Pada Kolom Posting - Judulnya bener ga ya??
Abis bingung mau nyebutinnya dengan kata apa. Hal ini ditanyakan oleh sobat Cumie tentang bagaimana kok bisa postingan saya berada dalam sebuah kolom. Caranya cukup mudah dan simpel. Cuma butuh sedikit ketelitian.
Begini caranya
* Buka bagian layout -> Edit HTML
* Cari kode berikut (Hanya contoh, ga harus sama. Patokannya pada #main-wrapper)


#main-wrapper {
float: left;
width: 410px;
background:#fff;
margin: 0px 0px 5px 0px;
word-wrap: break-word;
overflow: hidden;
}

*Kalau sudah ketemu, tambah kode "height: [terserah]px;" dan ubah "hidden" menjadi "auto".
Contoh :

#main-wrapper {
float: left;
width: 410px;
height: 600px;
background:#fff;
margin: 0px 0px 5px 0px;
word-wrap: break-word;
overflow: auto;
}

*Save, selesai deh.

Saya jelaskan sedikit. Kode "height" sesuai dengan namanya yaitu kode untuk menentukan tinggi/panjang suatu kolom. Yang menentukan lebarnya adalah "width". Jika ditambahkan kode "height:600px;" artinya kolom tersebut dibatasi tinggi/panjangnya 600px.
Nah, jika isi dari kolom tersebut melebihi batas yang diinginkan maka overflow yang akan mengatasinya.

Jika ingin tau lebih dalam tentang overflow, silahkan untuk membacanya disalah satu postingan saya yang berjudul Kegunaan Overflow.

21 komentar:

Post a Comment