Cara Buat Scroll Horizontal Dan Vertikal Di Postingan Blog

Assalamualaikum Sobat Ilmu..

Kali ini mimin akan membagikan Cara untuk membuat Scroll Agar Bisa Tampil Di Postingan Sobat Smuanya, Caranya Cukup Mudah Kok, yuk langsung saja TKP

Pertama Kalian Masuk Ke dalam Postingan sobat dulu pilih postingan yg udah ada atau buat postingan baru itu terserah sobat aja,

Setelah itu masuk, liat pojok kiri ada tulisan HTML, klik disitu kemudian COPAS Kode Di Bawah Ini Tepat Dibawah </br> atau </div> paling bawah:

Scroll Vertical :

<div style="border:1px solid white;width:200px;height:100px;overflow-y:hidden;overflow-x:scroll;">
<p style="width:250%;">

Dengan menggunakan overflow-x, kita dapat membuat scroll bar ketika kontent pada div ini lebih lebar dari pada kotakan yang kita buat. Dengan menyeting paragraf menjadi 250%, maka hal ini akan membuat content lebih lebar 250% daripada kotakannya - akibatnya hal ini akan memaksakan terjadinya overflow (menyebabkan munculnya scroll bar).

</p>
</div>


Lihat Hasilnya dibawah ini :

Dengan menggunakan overflow-x, kita dapat membuat scroll bar ketika kontent pada div ini lebih lebar dari pada kotakan yang kita buat. Dengan menyeting paragraf menjadi 250%, maka hal ini akan membuat content lebih lebar 250% daripada kotakannya - akibatnya hal ini akan memaksakan terjadinya overflow (menyebabkan munculnya scroll bar).

Scroll Horisontal:

div style="overflow:auto; width:60%px; height:40px; padding:10px; border:1px solid Green">
Jika tanpa Setingan "paksaan" di tag paragraf <p>, maka cukup mudah untuk membuat scroll bar vertikal seperti ini.
</div>

Lihat hasilnya dibawah ini :

Jika tanpa Setingan "paksaan" di tag paragraf
, maka cukup mudah untuk membuat scroll bar vertikal seperti ini.

Note: Sobat Juga BIsa Mengubah Pengaturan Warna dan Sizenya, (Lihat Tulisan Berwarna Biru Di Atas)

Setelah Itu Klik Compose Untuk Liat Hasilnya

Demikian Postingan Mimin kali ini Semoga Bermanfaat untuk kalian yg lagi kesulitan menampilkan scroll di posingan blog sobat smuanya, nantikan postingan mimin berikutnya..

waasalallamualaikum.. ^^