LENGKAP !!! kumpulan kode text area untuk postingan blog

Apa sih text area itu? Buat apa sih emang kegunaannya? atau bagaimana sih cara membuatanya? pasti buat kalian yang suka ngeblog pasti pernah mendengarnya. dengan kata lain textarea adalah area untuk menampilkan text didalam text yang berbentuk biasanya ruangan atau kolom dengan beberapa tujuan, diantaranya adalah untuk mempermudah pembaca mencopy kode html.

naah sekarang bagi kalian yang udah tau dan yang belum tau akan mempelajari bagaimana cara membuatnya.

pada umumnya text area digunakan untuk coment di blog namun untuk kali ini kita akan membuatnya untuk memudahkan copy/paste html dalam postingan kalian.

mempermudah pembaca mencopy kode html .. agar postingan terlihat rapih

truss... gimana sihh caranyaa?? dibawah ini ada beberapa kode html untuk kode area,, tinggal kalian pilih saja sesuai keperluan kalian,copy kode kemudian edit TEKS KALIAN sesuai keperluan,, kemudian masuk ke mode HTML (bukan compose) dan tempel di bagian paling bawah,, kalau udh dtempel, kita kembali lagi ke mode compose (mode biasa)

1.kode text area dasar

<textarea>TEKS KALIAN </textarea>

 TEKS KALIAN

2.text area biasa

<div align="center">

<textarea cols="20" name="code" rows="2">TEKS KALIAN</textarea></div>

TEKS KALIAN

3.text area ketika di klik terblock semua

<div align="center">

<textarea rows="2" cols="35" onclick="this.focus(); this.select();">TEKS KALIAN</textarea>

</div>

TEKS KALIAN

4.text area dengan tombol untuk memblok semua (highligh all)

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

TEKS KALIAN

Height: 100px yang menyatakan tinggi text area anda nantinya
Width: 200px yang menyatakan lebar dari text area
Value="Block all" adalah text yang akan ditampilkan pada tombol
silahkan edit sesuka hati

5.text area ter block semua ketika tersorot mouse

<div><form name="enkzh"><div align="center" style="margin-bottom: 0pt; margin-top: 0pt;"><textarea ;="" cols="55" name="txt" onmouseover="this.form.txt.select()" rows="100" style="height: 50px; width: 300px;">TEKS KALIAN</textarea></div></form></div>

TEKS KALIAN

6.text area dengan border (bingkai)

<div align="center">

<textarea cols="35" rows="2" style="border: 2px dotted red ;">TEKS KALIAN</textarea>

</div>

TEKS KALIAN

7.text area permanen ( tidak bisa di hapus )

<div align="center">

<textarea rows="2" cols="35" onclick="this.focus(); this.select();" readonly="">TEKS KALIAN</textarea>

</div>

TEKS KALIAN
hehe cooba aja kalian hapus tulisan teks kalian kalo bisa

8.text area untuk password (tidak terlihat)

<input type="password" value="TEKS KALIAN" >



Keterangan Script di Atas :
Jika ada kode  <div align="center">, berarti lokasi text area-nya akan berada di rata tengah. Anda bisa mengganti "Center" menjadi "Left" (text area-nya rata kiri)
Kode cols="35" berarti jumlah karakter yang ditampilkan perbaris adalah 35.
Kode rows="2" berarti jumlah baris yang akan ditampilkan oleh text area adalah 2 baris. Jika jumlah baris lebih panjang dari yang disediakan maka text area akan menampilkan scrolling.
Jika ada kode Height:100px ,berarti kode tersebut menyatakan tinggi text area
Jika ada kode Width : 200px, berarti kode tersebut menyatakan lebar text area nantinya.
Anda bisa menambahkan kode readonly="" jika ingin text area yang anda buat tidak bisa dihapus

HEHEHE..  itulah 8 kode text area yang saya dapat dari berbagai sumber,,, ubah aja tulisan TEKS KALIAN  sesuai kebutuhan