Cara Membuat Scroll Bar Di Postingan Blog - Scroll bar merupakan sebuah alat kontrol yang berfungsi untuk menggulung bagian dari dokumen atau file yang terlalu panjang. Scroll bar berguna untuk menghemat ruang saat menempatkan sebuah script yang panjang didalam postingan sehingga postingan terlihat rapih dan teratur.
Bagi Anda yang ingin menempatkan sebuah script yang panjang kedalam artikel blog, maka Anda dapat menempatkannya didalam berbagai jenis scrol bar. Berikut ini cara membuat scroll bar di postingan blog Anda :
1, Login ke blog Anda.
2. Pada saat membuat artikel, ubah mode "Compose" ke mode "HTML".
3. Copy kode-kode dibawah ini, pastekan ke area entry mode HTML.
<div style="background-color: #fefefe; border: 1px #dddddd double; height: 60px; overflow: auto; padding: 10px; text-align: left; width: auto;">
Tempat Tulisan Anda
</div>
Tempat Tulisan Anda
</div>
Scroll Bar Horizontal
Scroll Bar Vertical dan Horizontal
<div style="background-color: #fefefe; border:1px #dddddd double;width:auto;height:60px;overflow-y:scroll;overflow-x:scroll;">
<p style="width:2500%;">
Tempat Tulisan Anda
</p>
</div>
Tempat Tulisan Anda
</p>
</div>
- Tulisan berwarna Biru adalah kode warna, ganti sesuai keinginan Anda.
- height:60px adalah tinggi kolom scroll bar, ganti sesuai keinginan Anda.
- "Tempat Tulisan Anda" adalah untuk meletakan tulisan atau script Anda.
- Baca juga artikel : Cara Mengetahui Kode HTML Warna.
Itulah Cara Membuat Scroll Bar Di Postingan Blog yang dapat Anda lakukan. Dengan scroll bar maka tulisan yang panjang dapat dipersingkat, sehingga artikel Anda akan terlihat lebih rapih. Semoga bermanfaat.
Share artikel... !
