Membuat Text Area di Blog

Siang ini, dari pada bengong mending saya share tentang bagaimana cara membuat text area dan macam-macam text area. Mungkin ada teman-teman yang belum tau apa itu text area? Text area adalah area tertentu, biasanya terpisah dengan area utama yang berfungsi untuk meletakkan konten. Konten bisa berupa text maupun kode script atau text kedalam postingan.

Teks area biasa, kodenya seperti berikut :

<p align="center"><textarea name="code" rows="4" cols="20">Ganti tulisan ini dengan text atau kode script yang anda inginkan, maka hasilnya nanti akan tampil pada kotak text area</textarea></p>

Hasilnya akan seperti ini :

Ganti tulisan ini dengan teks atau kode script yang anda inginkan, maka hasilnya nanti akan tampil pada kotak teks area

Catatan :
p align="center" adalah letak text area yang ingin anda temukan.
rows="6" adalah untuk menentukan tinggi kotak text area.
cols="20" adalah untuk menentukan lebar kotak text area.

Text Area dengan memakai HightLight, kodenya seperti berikut :

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">Ganti tulisan ini dengan text atau kode script yang anda inginkan, maka hasilnya nanti akan tampil pada kotak text area. Coba klik tombol Highlight All, maka semua yang ada ada di dalam text area akan tersorot dan siap untuk di copy paste</textarea></p></div></form>

Hasilnya akan seperti ini :

Ganti tulisan ini dengan text atau kode script yang anda inginkan, maka hasilnya nanti akan tampil pada kotak text area. Coba klik tombol Highlight All, maka semua yang ada ada di dalam text area akan tersorot dan siap untuk di copy paste

Catatan :
<div align="center"> adalah letak posisi tombol
Value="Highlight All" adalah tulisan "Highlight All", anda bisa menggantinya sesuai dengan selera anda