Beberapa Cara Membuat Textarea di Blog

Untuk membuat text area biasa, kode HTML yang di gunakan seperti ini :

<textarea>Tulisan di dalam teks area</textarea>

Karena terlalu sederhana, saya akan menulis beberapa macam cara membuat teks area di blog agar teks area menjadi lebih menarik. Kode untuk membuat teks area pertama :
<div align="center">
<textarea cols="30" name="code" rows="3">Ganti tulisan ini dengan dengan Teks atau Kode HTML yang ingin anda tampilkan didalam text area</textarea></div>
Hasilnya :

Besarnya Text Area tergantung dari besarnya angka ROWS ( tinggi kotak teks area ) dan COLS ( Lebar kotak teks area ).

Semakin besar angka ROWSnya, semakin tinggi ukuran kotak Text Area begitu juga sebaliknya.
Semakin besar angka COLSnya, semakin Lebar ukuran kotak Text Area begitu juga sebaliknya.
Anda bisa mengganti angka-angkanya sesuai dengan kebutuhan anda. Pada contoh di atas, angka yang dimaksud adalah angka 3 dan 30.
Ganti kode yang berwarna merah lainnya dengan tulisan yang akan di pasang di dalam teks area.
Ganti kode yang berwarna biru ( center ) adalah kode untuk posisi teks area yaitu tengah. Jika ingin membuat teks area berada di pinggir kiri, ganti kode center dengan kode left, untuk membuatnya berada di samping kanan, ganti dengan kode right.

Dengan sedikit menambahkan kode html, text area akan menjadi lebih menarik, yaitu dengan menambahkan tombol untuk di klik. Saat tombol text area di klik semua tulisan yang ada di dalam text area akan langsung terpilih dan tinggal di Copy dengan klik kanan kode yang sudah terpilih lalu pilih salin / copy atau langsung menekan tombol CTRL + huruf C di keyboard. Dengan teks area seperti ini, maka tidak akan ada kode yang tertinggal untuk di copy. Text Area jenis ini di kenal dengan nama Text Area dengan Tombol Highlight. Kode yang digunakan untuk membuat teks area otomatis ini adalah :

<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">
<textarea cols="30" name="txt" rows="5" wrap="VIRTUAL">Ganti tulisan ini dengan tulisan atau Kode HTML yang akan anda tampilkan di dalam text area</textarea></div>
</form>
</div>

Hasilnya :

Silahkan klik pada tulisan HIGHLIGHT ALL, maka semua text yang ada di dalam Text Area akan langsung terHIGHLIGHT / terPILIH. Sama seperti Text Area yang pertama, anda bisa mengedit kembali kode di atas sesuai keinginan anda, yang penting jangan hancurkan.....

Text Areanya Kode Canter pertama = Posisi tulisan Highghlight All
Kode center kedua = Posisi teks area
Highlight All = Tulisan di dalam tombol, bisa di ganti sesuai keinginan misalnya "Pilih Semua".
Kode yang berwarna merah = Cara mengeditnya sudah di jelaskan sebelumnya.