Scroll bar adalah alat kontrol yang digunakan untuk menggulung bagian tertentu
dari sebuah dokumen atau file kita . fungsi dari scroll bar
ini adalah untuk menghemat ruang posting. Saat anda menuliskan artikel atau
script yang panjang, dengan menggunakan Scrolll bar, 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. Masuk ke blog Anda.
2. Buat artikel baru, ubah mode "Compose" ke mode "HTML".
3. Copy kode dibawah ini, paste ke dalam mode "HTML" pada posisi yang Anda inginkan.
<div style="background-color: #f9f8de; border: 1px #dedede double; height: 60px; overflow: auto; padding: 10px; text-align: left; width: auto;">
Isi artikel Anda Disini
</div>
Isi artikel Anda Disini
</div>
Contoh scroll bar vertical
Contoh Scroll Bar Horizontal
<div style="background-color: #f9f8de; border:1px #dedede double;width:auto;height:60px;overflow-y:scroll;overflow-x:scroll;">
<p style="width:2500%;">
Isi artikel Anda Disini
</p> </div>
Isi artikel Anda Disini
</p> </div>
Contoh Scroll Bar Vertical dan Horizontal
- Tulisan yang berwarna Biru adalah kode warna, ganti sesuai dengan keinginan Anda.
- "Isi artikel Anda Disini " adalah untuk artikel tulisan anda , yang akan dibuatkan scroll.
- height:60px adalah tinggi kolom scroll bar, ganti sesuai keinginan Anda.
Dengan scroll bar, maka tulisan atau script yang terlalu
panjang dapat dipersingkat. Semoga bermanfaat.
No comments:
Post a Comment