CARA MEMBUAT KOTAK SCROLLBAR DI POSTINGAN BLOG

1) membuat kotak scrollbar horizontal (memanjang kepinggir)

* untuk kode nya di bawah ini 

<div style="border:3px solid black;width:auto ;height:70px;overflow-y:hidden;overflow-x:scroll;">
<p style="width:3000%;">
MASUKKAN TULISAN  DISINI
</p>
</div>

*Keterangan
Border  = Ukuran garis tepi srcoll
Solid     = Warna garis tepi scroll
Height   = Tinggi scrool,
Width:3000% = Ukuran panjang scroll yang digunakan untuk mengeser Scroll
Width  = Lebar kotak scroll, Anda bisa merubah ukuran lebar menjadi auto agar otomatis sesuai dengan ukuran lebar postingan.

* contohnya di bawah ini

ini kotak scrollbar tipe horizontal

2) membuat kotak scrollbar(memanjang keatas)

 * kodenya di bawah ini

<div style="border:3px solid black; height: 80px; overflow-x: hidden; overflow-y: scroll; width: auto;">
<p style="width:300%;"> MASUKKAN TULISAN  DISINI
</p>
</div>

*dan ini contohnya

ini scrollbar tipe vertical memanjang ke atas

3) membuat kotak scrollbar vertikal + horizontal (bisa ditarik ke atas dan ke bawah)

* ini kodenya

<div style="border:3px solid black;width:auto;height:70px;overflow-y:scroll;overflow-x:scroll;">
<p style="width:3000%;"> MASUKKAN TULISAN ANDA DISINI
</p>
</div>

* dan ini contohnyaa

dan ini scrollbar vertical + horizontal

                                                           SELAMAT MENCOBA :)