Cara Membuat Scroll Box Vertical dan Horizontal Pada Blogger - Hallo sahabat Apkpure, Pada Artikel yang anda baca kali ini dengan judul Cara Membuat Scroll Box Vertical dan Horizontal Pada Blogger, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Blogging, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Cara Membuat Scroll Box Vertical dan Horizontal Pada Blogger
link : Cara Membuat Scroll Box Vertical dan Horizontal Pada Blogger

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.

Demikianlah Artikel Cara Membuat Scroll Box Vertical dan Horizontal Pada Blogger

Sekianlah artikel Cara Membuat Scroll Box Vertical dan Horizontal Pada Blogger kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara Membuat Scroll Box Vertical dan Horizontal Pada Blogger dengan alamat link https://apkpure-123.blogspot.com/2018/09/cara-membuat-scroll-box-vertical-dan.html

Cara Membuat Scroll Box Vertical dan Horizontal Pada Blogger 2018-09-22T08:11:00-07:00 Rating: 4.5 Diposkan Oleh: BLOG LIRIK LAGU