Cara membuat kotak mini scroolbar

Share

 tips blogger kali ini adalah cara membuat kotak yang bisa disa scrool kan atau biasanya menghemat tempat lah, gak mungkin kita panjang membuat link blogrol, daftar isi dan sebagainya nyampe panjang banged ke bawah.
kan jadi susah juga melihatnya. hehe

Berikut kode untuk membuat scrollbarnya:

<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);">inilah contoh scroolbar untuk percobaan dalam posting ini. anda bisa mengubahnya dengan kata yang lain.</div>

Hasilnya:

inilah contoh scroolbar untuk percobaan dalam posting ini. anda bisa mengubahnya dengan kata yang lain

Anda dapat mengatur lebar dan tinggi scrollbar tersebut dengan merubah nilai pada width:80px; height:80px;.
gimana..
bisa kan..?

…Semoga Bermanfaat… !.Semoga Sukses.! .send komentar ya.

Artikel terkait: