Cara Membuat Scroll Bar Pada Artikel Blog - Scroll bar adalah sebuah alat kontrol yang digunakan untuk menggulung bagian selanjutnya dari sebuah dokumen atau file. Salah satu fungsi dari scroll bar ini adalah untuk menghemat ruang saat Anda menuliskan sesuatu atau script yang panjang, sehingga tulisan tidak terlalu memanjang ke bawah atau ke samping. Anda dapat menggunakan scroll bar vertical yang akan menggulung tulisan Anda ke arah bawah, dan scroll bar horizontal yang akan menggulung tulisan Anda ke arah samping, atau Anda dapat menggunakan scroll bar vertical dan horizontal yang akan menggulung tulisan Anda ke arah bawah dan ke arah samping.
Untuk membuat scroll bar dalam postingan dapat Anda lakukan dengan mudah, hanya dengan menempatkan tulisan Anda didalam sebuah kode untuk membuat kotak scroll. Berikut ini langkah-langkah yang harus Anda lakukan :
1. Log In ke blog Anda.
2. Pada saat Anda membuat artikel, ubah mode "Compose" ke mode "HTML".
3. Copy kode dibawah ini, paste ke dalam mode "HTML" pada posisi yang Anda inginkan.
Scroll Bar Vertical
<div style="background-color: #f9f8de; border: 1px #dedede double; height: 60px; overflow: auto; padding: 10px; text-align: left; width: auto;">
Tempatkan Tulisan Anda Disini
</div>
Tempatkan Tulisan Anda Disini
</div>
Scroll Bar Horizontal
Scroll Bar Vertical dan Horizontal
<div style="background-color: #f9f8de; border:1px #dedede double;width:auto;height:60px;overflow-y:scroll;overflow-x:scroll;">
<p style="width:2500%;">
Tempatkan Tulisan Anda Disini
</p> </div>
Tempatkan Tulisan Anda Disini
</p> </div>
- Tulisan yang berwarna Biru adalah kode warna, ganti sesuai dengan keinginan Anda.
- "Tempatkan Tulisan Anda Disisni" adalah untuk menempatkan tulisan yang akan dibuatkan scroll.
- height:60px adalah tinggi kolom scroll bar, ganti sesuai keinginan Anda.
Itulah Cara Membuat Scroll Bar Pada Artikel Blog yang dapat Anda lakukan. Dengan scroll bar, maka tulisan atau script yang terlalu panjang dapat dipersingkat. Semoga bermanfaat.
