Sedikit penjelasan dan pengetahuan untuk sobat tentang
definisi serta fungsi dan kegunaanya Scroll Bar adalah untuk memudahkan kita
apabila ada kode atau tulisan yang sangat panjang dan juga gambar atau foto
agar tidak memakan terlalu banyak tempat, intinya tampilan postingan blog kita
jadi singkat, dinamis dan minimalis.
Cara membuat scroll bar didalam postingan blog sangatlah
mudah, caranya hampir sama seperti saat kita menulis postingan blog. Namun yang
paling penting adalah jangan lupa sobat menerapkan atau meletakkan kode
scroll-nya pada mode HTML dan bukan Compose di bagian postingan blog.
Kode Scroll Bar Di Postingan Blog.
<div style='padding: 5px; overflow: auto; width: auto;
height:200px;border:1px solid #000000'>
LETAKKAN TULISAN SOBAT ATAU APAPUN DISINI
(Tulisan ditulis di Compose, sedangkan Kode di Tulis pada
mode Edit HTML)
</div>
Keterangan:
- Ingat, sobat harus tempatkan Kode pada mode Edit HTML, bukan Compose.
- Untuk melihat dan mengecek berhasil atau tidak, silahkan sobat klik Compose.
- height:200px; adalah ukuran lebar atas bawah kotak scroll, silahkan sobat ganti nilainya, seperti keinginan sobat.
- width: auto; adalah ukuran otomatis lebar samping kotak scroll, silahkan sobat ganti dengan nilai pada auto, apabila ingin ukurannya disesuaikan seperti keinginan sobat.
- border:1px solid adalah ukuran tebal garis kotak scroll, silahkan sobat ganti nilainya, seperti yang sobat inginkan.
- #000000 adalah Kode warna pada garis kotak scroll, silahkan sobat ganti Kode warnanya seperti yang sobat inginkan. Kode Warna bisa dilihat pada artikel Daftar Kode Warna HTML.
Demikian artikel tutorial ringan yang dapat saya share, yang
mengulas tentang Cara Membuat Scroll Bar Di Postingan Blog. Semoga bisa
bermanfaat untuk sobat semua.
Tidak ada komentar:
Posting Komentar