Cara Membuat Box ScrollBar
ScrollBar adalah sebuah kontrol penggulung yang terdapat di sisi suatu jendela.
Jenisnya sendiri secara umum ada dua macam, yaitu Vertical ScrollBar dan Horizontal ScrollBar.
Salah satu fungsi ScrollBar adalah untuk menggulung teks pada layar.
Membuat kotak scrollbar pada postingan yang terdapat tulisan atau kode-kode tertentu yang panjang merupakan langkah yang tepat agar postingan tetap terlihat rapi dan dinamis.
Cara membuat kotak scroll bar agar muncul dipostingan blog adalah dengan meng-copy dan paste-kan kode script dibawah ini pada mode Edit HTML (jika yang Anda gunakan blogspot) atau Text (jika Anda menggunakan blog wordpress) di bagian posting blog.
Kode scriptnya adalah:
Catatan:
Ganti tulisan Taohids online.. bla..bla..bla dengan kalimat atau apapun yang ingin Anda tampilkan didalam kotaknya.
Silahkan cek berhasil atau tidaknya silahkan klik mode Compose (jika yang Anda gunakan blogspot) atau mode Visual (jika blog Anda wordpress)
Untuk settingan
Height:50px; adalah ukuran lebar atas bawah kotak scroll, ini bisa Anda ganti sesuai keinginan.
Width: 500; adalah ukuran otomatis lebar samping kotak scroll, ini bisa Anda ganti dengan auto.
Border:1px solid adalah ukuran tebal garis kotak scroll, ini juga bisa Anda sesuaikan.
#000000 adalah kode warna pada garis kotak scroll, bisa diganti hanya saja Anda harus mengetahui kode-kode warna.
Untuk mengetahui Kode HTML Warna, Silahkan Klik Disini
Jenisnya sendiri secara umum ada dua macam, yaitu Vertical ScrollBar dan Horizontal ScrollBar.
Salah satu fungsi ScrollBar adalah untuk menggulung teks pada layar.
Membuat kotak scrollbar pada postingan yang terdapat tulisan atau kode-kode tertentu yang panjang merupakan langkah yang tepat agar postingan tetap terlihat rapi dan dinamis.
Cara membuat kotak scroll bar agar muncul dipostingan blog adalah dengan meng-copy dan paste-kan kode script dibawah ini pada mode Edit HTML (jika yang Anda gunakan blogspot) atau Text (jika Anda menggunakan blog wordpress) di bagian posting blog.
Kode scriptnya adalah:
<div style="padding: 5px; overflow: auto; width: 500; height: 50px; border: 1px solid #000000;">Taohids online.. bla.. bla... bla</div>
Catatan:
Ganti tulisan Taohids online.. bla..bla..bla dengan kalimat atau apapun yang ingin Anda tampilkan didalam kotaknya.
Silahkan cek berhasil atau tidaknya silahkan klik mode Compose (jika yang Anda gunakan blogspot) atau mode Visual (jika blog Anda wordpress)
Untuk settingan
Height:50px; adalah ukuran lebar atas bawah kotak scroll, ini bisa Anda ganti sesuai keinginan.
Width: 500; adalah ukuran otomatis lebar samping kotak scroll, ini bisa Anda ganti dengan auto.
Border:1px solid adalah ukuran tebal garis kotak scroll, ini juga bisa Anda sesuaikan.
#000000 adalah kode warna pada garis kotak scroll, bisa diganti hanya saja Anda harus mengetahui kode-kode warna.
Untuk mengetahui Kode HTML Warna, Silahkan Klik Disini
Post a Comment for "Cara Membuat Box ScrollBar"