تب دون

Cara Membuat Kotak Scrollbar secara Horizontal atau Vertical

Mungkin Anda pernah melihat blog yang penuh dengan isinya yang sangat panjang sehingga memperlambat loading blog tersebut dan juga membuat penuh isi postingan. Mungkin hal itu tidak ingin terjadi pada Blog kesayangan Anda(Tidak Pacar doang yang di sayang, tapi Blog Anda juga perlu kasih sayang,,,hehe..Becanda-). Maka dari itu, untuk mengatasi nya kita hanya perlu menggunakan Scrollbar. Dengan begitu kita bisa menghemat pamakaian ruang tulisan blog. Scrollbar terdiri dari 2 macam yang bisa kita gunakan, baik secara Horizontal maupun secara Vertical. Tergantung dari kebutuhan Anda, yang mana yang akan Anda gunakan. Untuk lebih jelas nya, silahkan lihat pada Contoh Kode HTML di bawah ini:


Contoh Kode Scrollbar Horizontal :
<div style="height:70px;width:400px;border:solid 2px orange;overflow:scroll;overflow-x:hidden;overflow-y:scroll;">
Masukkan Teks atau kode Anda di sini....
Masukkan Teks atau kode Anda di sini....
Masukkan Teks atau kode Anda di sini....
Masukkan Teks atau kode Anda di sini....
</div>


Masukkan Teks atau kode Anda di sini.... Masukkan Teks atau kode Anda di sini.... Masukkan Teks atau kode Anda di sini.... Masukkan Teks atau kode Anda di sini....

Contoh Kode Scrollbar Vertical :
<div style="height:150px;width:300px;border:solid 2px orange;overflow:scroll;overflow-y:hidden;overflow-x:scroll;">
<p style="width:500px;">Masukkan Teks atau kode Anda di sini...................<br/>
Masukkan Teks atau kode Anda di sini..................</p>
</div>


Masukkan Teks atau kode Anda di sini...................
Masukkan Teks atau kode Anda di sini..................