Cara Membuat Box Yang Bisa Digeser Pada Blog
January 08, 2024Selamat 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:autoataupun
overflow:scrollselanjutnya, atur lebarnya ataupun tingginya .
Perhatikan dibawah ini contoh tanpa scroll ya:
- Pakde Rizky
- Kang Rizky
- Mas Rizky
- Om Rizky
- Kak Rizky
- Dek Rizky
<div style="background-color:#00FFFF; width:300px; height:100px; overflow:auto;"> dibagian ini diisi teks di atas</div>Maka hasilnya akan seperti dibawah ini:
- Pakde Rizky
- Kang Rizky
- Mas Rizky
- Om Rizky
- Kak Rizky
- 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