Cara Terbaru Membuat Text Area Di Blog

Cara Terbaru Membuat Text Area Di Blog, Text Area merupakan kolom tambahan yang dibuat sebagai kontrainer text biasa. selain sebagai kontrainer text biasa, text area juga dapat dibuat dengan tambahan fungsi Highlight yang bertujuan agar memudahkan pengunjung meng-copy seluruh isi dari text area tersebut.
Tidak sedikit juga pemilik blog yang menggunakan Text Area ber-Highlight, agar memudahkan pengunjungnya Mengcopy kode HTML misalnya.
Bagi yang ingin mencoba silahkan menyimak prosedur berikut:

CARA MEMBUAT TEXT AREA BIASA
 Gunakan kode berikut:

<p align="center"><textarea name="mytextarea" rows="2" cols="10" readonly=""> ISI DENGAN KONTEN YANG DIINGINKAN </textarea></p>

Misalkan:
<p align="center"><textarea name="mytextarea" rows="2" cols="10" readonly=""> PENAMPAKAN </textarea></p>
akan menjadi seperti ini:

PENAMPAKAN

Jika kekecilan, sobat dapat membesarkan secara manual atau dengan mengubah ukuran rows dan cols

CARA MEMBUAT TEXT AREA DITAMBAH TOMBOL HIGHLIGH

Untuk menambahkan tombol Highligh dapat menggunakan kode berikut:

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Text pada Highlight"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 200px; HEIGHT: 100px" name="txt" rows="100" wrap="VIRTUAL" cols="55" readonly="">ISI DENGAN KONTEN YANG DIINGINKAN</textarea></p></div></form>

Misalkan:

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="KLIK"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 200px; HEIGHT: 100px" name="txt" rows="100" wrap="VIRTUAL" cols="55" readonly="">PENAMPAKAN</textarea></p></div></form>

Maka akan menjadi seperti ini:

PENAMPAKAN

Sekian, Semoga tutorial Cara Terbaru Membuat Text Area Di Blog  Bermanfaat  untuk sobat sekalian.

Sumber : farihihsan.blogspot.com