Sabtu, 22 September 2018

Cara Membuat Scroll Box Vertical dan Horizontal Pada Blogger

Tags

Cara Membuat Scroll Box Vertical dan Horizontal Pada Blogger - Halo Sobat NapaRom, Pada Artikel yang sobat baca kali ini dengan judul Cara Membuat Scroll Box Vertical dan Horizontal Pada Blogger, khusus untuk sobat pembaca sedia blog NapaRom. mudah-mudahan isi artikel atau postingan Artikel Blogging, yang saya tulis ini dapat sobat pahami. baiklah, selamat membaca.


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

Baca juga


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.
Scroll Box

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.

Sekian Artikel Cara Membuat Scroll Box Vertical dan Horizontal Pada Blogger

Sampailah kita pada akhir artikel Cara Membuat Scroll Box Vertical dan Horizontal Pada Blogger kali ini, mudah-mudahan bisa memberi manfaat untuk sobat semua. baiklah, sampai jumpa di postingan artikel lainnya.
sobat sekarang membaca artikel Cara Membuat Scroll Box Vertical dan Horizontal Pada Blogger dengan alamat link https://naparom.blogspot.com/2018/09/cara-membuat-scroll-box-vertical-dan.html


EmoticonEmoticon