Cara Membuat Scroll Box Vertical dan Horizontal Pada Blogger

Cara Membuat Scroll Box Vertical dan Horizontal Pada Blogger - Cara menambahkan scroll bar di CSS HTML. Saat menulis posting terkadang kita memerlukan garis muncul tanpa istirahat, lebih dari lebar yang disediakan pos dan kadang-kadang kita tidak ingin melebihi ketinggian tiang dengan semua konten yang muncul di blog. Di sini kita membutuhkan scroll bar kotak. Anda dapat menambahkan scroll bar horisontal dalam kotak atau vertikal atau horisontal atau vertikal scroll bar berfungsi dalam sebuah kotak dengan bantuan elemen melimpah.

Cara Membuat Scroll Box Vertical dan Horizontal Pada Blogger

• Menambahkan scroll vertical dalam kotak :

1.Silahkan masuk ke Blogger New Post
2.Kemudian klik HTML
3.Copy kode dibawah ini dan letakkan sesuai keinginan anda

<div style="border: 2px solid black; height: 50px; overflow-x: scroll; overflow-y: hidden; width: 250px;">
<div style="width: 250%;">
HORIZONTAL
</div>
</div>

4.Save dan lihat hasilnya seperti dibawah ini :

HORIZONTAL

• Menambahkan scroll horizontal dalam kotak :

1.Silahkan masuk ke Blogger New Post
2.Kemudian klik HTML
3.Copy kode dibawah ini dan letakkan sesuai keinginan anda

<div style="border: 2px solid black; height: 145px; overflow-x: hidden; overflow-y: scroll; width: 250px;">
<div style="height: 250%;">
VERTICAL
</p>
</div>

4.Save dan lihat hasilnya seperti dibawah ini :

V
E
R
T
I
C
A
L

• Menambahkan scroll horizontal dan vertical dalam kotak:

1.Silahkan masuk ke Blogger New Post
2.Kemudian klik HTML
3.Copy kode dibawah ini dan letakkan sesuai keinginan anda

<div style="border: 2px solid black; height: 145px; overflow-x: scroll; overflow-y: scroll; width: 250px;">
<div style="width: 250%;">
<div style="height: 250%;">
HORIZONTAL VERTICAL
</p>
</div>
</div>

4.Save dan lihat hasilnya seperti dibawah ini :

H O R I Z O N T A L
V
E
R
T
I
C
A
L

Untuk Height dan Width anda dapat membuat "auto" Contoh Height: auto; Width: auto; tapi untuk <div style="width: 250%;"> width tersebut harus sesuai ukuran isi box tersebut. Begitulah cara membuat scroll box vertical dan horizontal atau keduanya. Demikian informasi tentang Cara Membuat Scroll Box Vertical dan Horizontal Pada Blogger. Maaf jika ada kekurangan, silahkan tambahkan beberapa kekurangan pada artikel di kolom komentar. Saya harap informasi ini bermanfaat.