Hallo teman-teman, pada kesempatan kali ini saya akan memberikan cara Membuat Scroll Bar menggunakan HTML dan CSS. Sebelum kita memulainya, hal yang harus dipersiapkan adalah text-editor dan browser.

Jika sudah siap semua, pembahasan singkat tentang scroll bar disini adalah jika kita mempunyai banyak text atau kalimat maka pada browser pasti ada sebuah scroll bar (biasa di pojok kanan) untuk menscroll kebawah dan keatas jika sebuah kalimat atau text sudah terlalu banyak.

Untuk pembahasan diatas tentang scroll bar sudah cukup jelas bukan ? jika belum jelas, oke kita langsung mempraktekannya saja.

Pertama-tama buka text-editornya lalu masukan script HTML di bawah ini :

Jika sudah simpan script HTML nya dengan nama index.html atau terserah teman-teman untuk penamaan filenya intinya yang terpenting adalah extensionnya atau formatnya .html

Oke lanjut ketik script CSS nya di bawah ini :

Jika sudah HTML dan CSSnya langkah selanjutnya teman-teman bisa simpan dan jalankan/run dibrowser yang teman-teman gunakan.

Jika sudah benar maka hasilnya akan seperti pada gambar dibawah ini :

Membuat Scroll Bar menggunakan HTML dan CSS

Oke jika hasilnya sudah seperti pada gambar diatas maka artinya teman-teman telah berhasil dalam Membuat Scroll Bar menggunakan HTML dan CSS.

Sekian pembahasan kali ini tentang Membuat Scroll Bar menggunakan HTML dan CSS semoga dapat bermanfaat.

Terimakasih.