Membuat Scroll Bar di Posting Blog

Advertisement

Scroll Bar berfungsai untuk memudahkan kita apabila ada kode atau tulisan yang sangat panjang agar tidak memakan terlalu banyak tempat, intinya tampilan posting blog kita jadi singkat dan dinamis.

Caranya hampir sama seperti saat kita menulis postingan blog. Namun yang paling penting adalah jangan lupa copy/paste atau Tulis Kode script di bawah ini pada mode Edit HTML di bagian posting blog.

Berikut Kode Script Scroll Bar Posting 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>

Untuk di ketahui:

• Ingat, Sobat Tulis  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 nilainya, 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.

Untuk contohnya liat aja scroll dipostingan ini.
Sekian dan semoga bermanfaat....!!!

 

Share This