Membuat Kotak Scrollbar

Buat teman-teman semua mungkin dari beberapa teman-teman ada yang ingin tahu dan sedang mencari cara gimana sih buat Kotak Scrollbar?? Kotak Scrollbar adalah sebuah kotak yang dapat digulung ke kanan, ke kiri atau ke bawah dan ke atas sehingga kita dapat menemukan isi yang tersembunyi. Mungkin teman-teman pernah melihat blog yang penuh dengan isi/content yang sangat panjang sehingga memperlambat loading blog tersebut dan kelihatan sesak. Nah agar blog teman-teman tidak seperti itu, di tips blogging kali ini saya akan
menjelaskan cara menghilangkan sesak tersebut dengan membuat scrollbar. Dengan begitu kita bisa menghemat pamakaian ruang blog. Mau tau caranya?




Ok. Lets go, NOW...!!

Berikut kode untuk membuat scrollbar:

<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 80px; height: 80px; background-color: rgb(255, 255, 255);">Masukkan teks atau kode anda disini</div>

Contoh:

<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 80px; height: 80px; background-color: rgb(255, 255, 255);">Scrollbar adalah sebuah kotak yang dapat digulung kekanan atau ke bawah sehingga kita dapat menemukan isi yang tersembunyi.</div>

Hasilnya:

Scrollbar adalah sebuah kotak yang dapat digulung ke kanan, ke kiri atau ke bawah dan ke atas sehingga kita dapat menemukan isi yang tersembunyi.

Teman-teman dapat mengatur lebar dan tinggi scrollbar tersebut dengan merubah nilai pada width:80px; height:80px;.

Semoga bermanfaat dan sukses buat teman-teman...!!

Bagikan

Bagi teman2 yang mau COPY PASTE artikel yang ada di blog ROOM-Facebook'ers ini jangan lupa menyantumkan link sumbernya atau Klik Tombol di samping ini...!!