Cara Membuat Kotak Scroll Di Artikel Blogspot

inilah tipe-tipe scrollbar yang biasa digunakan para blogger diseluruh dunia. 

silahkan di baca :v

1. Scrollbar Horisontal.

Pada scrollbar ini, tulisan atau kode akan diringkas memanjang.
Untuk membuatnya inilah salah satu kodenya:

<div style="border:3px solid black;width:auto ;height:150px;overflow-y:hidden;overflow-x:scroll;">

<p style="width:2500%;">

masukkan tulisannya di sini

</p>

</div>

Penampakannya

masukkan tulisannya di sini

2. Scrollbar Vertikal

Dalam scrollbar ini, tulisan akan diringkas memanjang dari atas ke bawah.
untuk scrollbar ini, bisa kita gunakan kode berikut:

<div style="border: 1px solid red; height: 80px; overflow-x: hidden; overflow-y: scroll; width: auto;"><p style="width:150%;">

masukkan tulisannya di sini

</p>

</div>

Penampakannya

masukkan tulisannya di sini

3. Scrollbar Gabungan (Horisontal dan Vertikal)

Dalam scrollbar ini, kita bisa menggabungkan antar dua scroll di atas.
Dalam hal ini, kita bisa menggunakan kode di bawah ini:

<div style="border:3px solid blue;width:auto;height:50px;overflow-y:scroll;overflow-x:scroll;">

<p style="width:2500%;">

masukkan tulisan kita di sini

</p>

</div>

Penampakannya

masukkan tulisan kita di sini

sekian artikel dan tutorial yang saya berikan kepada anda para blogger.

semoga bermanfaat bagi kalian semua. apabila ada kesalahan mohon dimaafkan.

wassalamualaikum wr wb