Cara Membuat Widget Kotak Scrollbar, Agar Menghemat Ruang Blog

Cara Membuat Widget Kotak Scrollbar, Agar Menghemat Ruang Blog - Scrollbar adalah sebuah kotak yang dapat digulung kekanan atau ke bawah sehingga kita dapat menemukan isi yang tersembunyi. Tujuan utamanya yaitu agar tampilan blog rapih dan elegant. Mungkin anda pernah melihat blog yang penuh dengan isinya yang sangat panjang sehingga memperlambat loading blog tersebut. Supaya blog anda tidak seperti itu, di tips kali ini saya akan menjelaskan cara menghilangkan sesak tersebut dengan membuat scrollbar. Dengan begitu kita bisa menghemat pamakaian ruang blog. Mau tau caranya?

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 kekanan atau ke bawah sehingga kita dapat menemukan isi yang tersembunyi.

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

Sekian tutorial Cara Membuat Widget Kotak Scrollbar, Agar Menghemat Ruang Blog. Selamat mencoba…dari keluarga-madinah