Membuat Text Area di Postingan

Text Area atau Area Teks merupakan tempat atau area berbentuk persegi yang digunakan untuk menyimpan suatu tulisan atau teks dan membentuk area tersendiri. Biasanya text area ini dipakai untuk menyimpan kode-kode HTML serta teks-teks yang lainnya agar dapat di-copy oleh para pengunjung blog dengan mudah. Ada 2 macam text area yang sering kita jumpai, yaitu text area tanpa tombolhighlight dan text area dengan tombol highlight.

Pada text area yang ke-dua, yaitu text area dengan tombol highlight, cara meng-copy teksnya lebih mudah dan praktis. Mengapa demikian? Karena hanya dengan mengeklik tombol highlight maka seluruh teks yang ada di text area akan ter-highlight secara otomatis. Dengan demikian akan memudahkan para pengunjung karena mereka tinggal mengeklik kanan mouse saja lalu pilih Copy maka teks telah ter-copy.

Untuk membuat text area dengan tombol Select All, silakan copy kode di bawah ini.

<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /> </div>
<div align="center">
</div>
<div align="center">
<textarea cols="55" name="txt" rows="100" style="height: 150px; width: 350px;" wrap="VIRTUAL">Simpan tulisan atau kode HTML Anda di sini, maka teks Anda akan siap di-copy oleh para pengunjung blog Anda.</textarea></div>
</form>
</div>

Keterangan untuk Widget ini :

• kata center menunjukkan bahwa posisi text area berada di tengah. Bila Anda ingin posisi text area itu berada di sebelah kanan, ganti kata center dengan right. Jika ingin berada di sisi kiri, Anda ganti kata center dengan kata left
• Ganti kata-kata berwarna hijau di atas dan paste dengan kata - kata / kode HTML yang anda inginkan sebelumnya.

Bila Kode Text Area dengan Tombol Select All diletakkan di Edit HTML, maka hasilnya akan seperti ini.

Simpan tulisan atau kode HTML Anda di sini, maka teks Anda akan siap di-copy oleh para pengunjung blog Anda.