Memasang Text Box dan Text Area Pada Blog Post

---

Eldias Mahdi Sastra on 4:07 AM

---

Pada beberapa artikel, terutama yang berbentuk tutorial. Terkadang saya merasa kesulitan jika harus meletakkan script atau code pada artikel. Karena umumnya kode-kode maupun script sangat panjang. Tentunya akan menjadikan postingan kita sangat panjang jika kita meletakkan begitu saja pada postingan.

Oleh karena itu saya membutuhkan text box atau text area. Perbedaannya adalah text box memiliki scroll bar sementara text area tidak. Keuntungan menggunakan tex box pada postingan supaya pembaca tidak bingung antara artikel dan code. Sehingga memudahkan mereka untuk melakukan copy paste.

Berikut cara menambahkan Text Box pada blog post :

Pembaca bisa mengedit Text

Letakkan kode berikut ini pada artikel blog untuk membuat Editable Text Box. Ingat anda harus beralih ke mode HTML pada blog editor.

<textarea rows="5" cols="40">
TEXT
</textarea>


Atribut cols menunjukan jumlah teks yang akan ditampilkan pada kolom, sementara rows adalah jumlah baris pada text box.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam cursus. Morbi ut mi. Nullam enim leo, egestas id, condimentum at, laoreet mattis, massa. Sed eleifend nonummy diam. Praesent mauris ante, elementum et, bibendum at, posuere sit amet, nibh. Duis tincidunt lectus quis dui viverra vestibulum. Suspendisse vulputate aliquam dui. Nulla elementum dui ut augue. Aliquam vehicula mi at mauris. Maecenas placerat, nisl at consequat rhoncus, sem nunc gravida justo, quis eleifend arcu velit quis lacus. Morbi magna magna, tincidunt a, mattis non, imperdiet vitae, tellus. Sed odio est, auctor ac, sollicitudin in, consequat vitae, orci. Fusce id felis. Vivamus sollicitudin metus eget eros.

Read Only Text Box

Pada read only text box, pembaca hanya bisa membaca namun tidak bisa menambahkan atau menghapus isi text box. Tetapi pembaca masih bisa melakukan seleksi dan copy pada text box.

<textarea rows="2" cols="30" name="Famous Quotes" readonly="readonly">
TEXT
</textarea>

Atribut name hanya sebagai judul dari text box yang hanya bisa dilihat pada script html dan tidak muncul pada artikel.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In posuere felis nec tortor. Pellentesque faucibus. Ut accumsan ultricies elit. Maecenas at justo id velit placerat molestie. Donec dictum lectus non odio. Cras a ante vitae enim iaculis aliquam. Mauris nunc quam, venenatis nec, euismod sit amet, egestas placerat, est. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras id elit. Integer quis urna. Ut ante enim, dapibus malesuada, fringilla eu, condimentum quis, tellus. Aenean porttitor eros vel dolor. Donec convallis pede venenatis nibh. Duis quam. Nam eget lacus. Aliquam erat volutpat. Quisque dignissim congue leo.

Text Area Word Wrap 

Selain Text Box juga ada Text Area untuk meletakkan teks, kode atau script pada postingan blog anda. Jika anda ingin menampilkan semua tulisan tanpa harus menggunakan scrollbar anda bisa menggunakan metode ini.

<textarea rows="8" cols="30" wrap="hard">
TEXT
</textarea>


Cobalah mengetikkan beberapa kata-kata pada box ini.

Demikianlah beberapa cara membuat text box dan text area pada artikel blog anda. Semoga bermanfaat!

Filled Under:

Blogging