Membuat Teks Box

Ketika membuat postingan di blog terutama postingan tentang code/script program yang sangat banyak sekali, perlu kita buatkan kotak yang berfungsi sebagai penampung. Tujuannya agar tampilan lebih simpel dan enak dipandang.

Tahapan Membuat Text Box:

1. Kode untuk Text Box scroll atas bawah, kanan kiri.

<div style="background-color: aquamarine; border: 2px solid brown; height: 100px; overflow-x: scroll; overflow-y: scroll; width: auto; color: #505050; font-family: courier;">Ketik Disini</span></div>

Hasilnya 

Ketik Disini

silahkan ubah teks berwarna hijau sesuai teks anda.

2. Kode untuk Text Box scroll atas bawah

Sebenarnya caranya sama saja, hanya menghapus overflow-x: scroll; overflow-y: scroll; dan ganti dengan overflow:auto;

hasilnya

Ketik Disini                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        

3. Kode untuk Text Box di postingan blog

Untuk menambahkan text box di postingan blog, silahkan ganti menjadi tampilan HTML lalu tambahkan kode text boxnya. jika tidak ada space dibagian bawah bisa anda tambahkan code berikut untuk memberikan ENTER pada tampilan menulis.

<div style="text-align: left;"><span style="background-color: #04ff00; font-size: 16px;"><br /></span></div>