Jumat, 29 Agustus 2014

Membuat Scroll Bar Di Postingan Blog



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

Tidak ada komentar: