Cara Membuat Box Yang Bisa Digeser Pada Blog

Daftar Isi [Tampil]

Selamat malam sahabat kangrizky.com pada postingan kali ini mimin akan membahas bagaimana Cara Membuat Box Yang Bisa Digeser Pada Blog. Bagi para sahabatku mastah tentunya sudah tidak aneh dengan scroll box ini ya kan.

Biasanya scroll box ini digunakan untuk meminimalisir space tempat pada blog, baik tinggi atau pun lebar. Penggunaan scroll box ini sahabat, bisa digunakan di postingan pada blog sahabat, baik melalui edit template maupun pada widget.

Kunci dari scroll box ini ada di bagian penambahan code CSS sepeti dibawah ini:

overflow:auto

ataupun

overflow:scroll

selanjutnya, atur lebarnya ataupun tingginya .

Perhatikan dibawah ini contoh tanpa scroll ya:

Ini adalah sekedar contoh saja tanpa menggunakan scroll box, supaya panjang mimin tambah poin:

1. Pakde Rizky
2. Kang Rizky
3. Mas Rizky
4. Om Rizky
5. Kak Rizky
6. Dek Rizky

lalu mimin akan tambahkan code pada Edit HTML pada dibawah ini:

<div style="background-color:#00FFFF; width:300px; height:100px; overflow:auto;">
dibagian ini diisi teks di atas</div>

Maka hasilnya akan seperti dibawah ini:

Ini adalah contoh dengan scroll box, supaya panjang saya tambah poin:

1. Pakde Rizky
2. Kang Rizky
3. Mas Rizky
4. Om Rizky
5. Kak Rizky
6. Dek Rizky

Untuk mengetahui lebih lengkapnya sahabat bisa melihat fungsi OVERFLOW, silahkan kunjungi laman dibagia ini ya (CSS) Fungsi OVERFLOW. Demikian Cara Membuat Box Yang Bisa Digeser Pada Blog yang dapat kami sampaikan semoga beranfaat. Jika informasi ini bermanfaat, Jangan lupa Share ya teman-teman, Terima Kasih

Share this post

Donasi

Bantu Apresiasi Bantu berikan apresiasi jika artikelnya dirasa bermanfaat agar penulis lebih semangat lagi membuat artikel bermanfaat lainnya. Terima kasih.