Cara Membuat Kotak Scrollbar Postingan Blog

Selasa, 23 Februari 2016

Tahukah sebelumnya Scrollbar ? Scrollbar atau yang disebut baris penggulung adalah sebuah kotak yang digunakan untuk menggeser layar agar kita dapat menemukan isi / kontent yang tersembunyi. Scrollbar ini biasanya di gunakan untuk sebuah kode HTML tertentu dimana biasanya kode HTML tulisannya terlalu panjang,  maka dengan Scrollbar ini bisa meringkas tulisan. Jadi bisa diartikan juga, sebuah menu untuk meringkas tulisan panjang dalam sebuah kotak.

Contoh Gambar

Dalam postingan ini saya akan membagi Script Scrollbar Vertikal, dan ini pernah saya gunakan juga di postingan sebelumnya dengan memakai Scrollbar. Scroollbar vertikal ini tulisan di ringkas dalam bentuk memanjang dari atas kebawah. Berikut adalah Script Scrollbar nya yang bisa agan copy, dan simpan di HTML blog postingan agan.

<div style="background-color: #f0f0f0; border: 1px solid #1E90FF; height: 50px; overflow: auto; padding: 5px; width: auto;">
MASUKKAN TULISAN ANDA DISINI
</div>

Keterangan : Height / tinggi 50px yang saya merahi untuk pengaturan Scroll, itu bisa di rubah sesuai dengan keinginan agan. Masukan tulisan disini, simpan di bagian situ tulisan atau code nya yang mau di Scroll kan.

Mudah bukan ? Silahkan agan copas codenya. Selamat mencoba, dan semoga bermanfaat.

Tweet

Tag : Tutorial