Cara Membuat Text Area di Blog

Cara Membuat Text Area di Blog sebenarnya sanggat sederhana
 
sebenarnya hanya seperti ini saja:

Tulisan yang mau di tulis atau kode Html

Kodenya :

<textarea>Tulisan yang mau di tulis atau kode Html</textarea>

tetapi sering kali kita ingin memilih bentuk yang lain
ada beberapa bentuk text area yang akan saya tulis yaitu :
bentuk yang seperti ini :

Tulisan yang mau di tulis atau kode Html

Kodenya :

<div align="center">
<textarea cols="30" name="code" rows="3">Tulisan yang mau di tulis atau kode Html</textarea></div>

ada juga yang seperti ini :

Tulisan yang mau di tulis/ kode Html

Kodenya :

<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Pilih Semua" /> </div>
<div align="center">
<textarea cols="30" name="txt" rows="5" wrap="VIRTUAL">Tulisan yang mau di tulis/ kode Html</textarea></div>
</form>
</div>

ini yang langsung blok tulisan saat di klik

Contoh Text Area otomatis memblok semua tulisan saat di klik

Kodenya :

<div style="text-align: center;">
<textarea cols="25" onclick="this.focus(); this.select();" rows="3">Contoh Text Area otomatis memblok semua tulisan saat di klik</textarea></div>

yang ini contoh saat mouse di arahkan langsung memblok tulisan

Contoh Text Area saat mouse di arahkan langsung memblok tulisan

Kodenya :

<div style="text-align: center;">
<textarea cols="25" onmouseover="this.focus(); this.select();" rows="3">Contoh Text Area saat mouse di arahkan langsung memblok tulisan</textarea></div>


Keterangan :

- ROWS ( tinggi kotak teks area ) dan COLS ( Lebar kotak teks area ), Semakin besar angka ROWS nya, semakin tinggi ukuran kotak Text Area begitu juga sebaliknya.
Semakin besar angka COLS nya, semakin Lebar ukuran kotak Text Area begitu juga sebaliknya.
- Gantilah angka-angkanya sesuai dengan kebutuhan kamu. Pada contoh di atas, angka yang dimaksud adalah angka 3 dan 30.
- Ganti kode  tulisan yang akan di pasang di dalam teks area.
- Kode ( 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 righ.
- Jika kamu ingin menulis tulisan atau kode html nya panjang, kamu tidak perlu memperbesar text area karena textarea secara otomatis membuat scroll kesamping atau kebawah secara otomatis

Cukup Jelas kan?
Pililhlah sesuai kebutuhan kamu
Selamat Mencoba
Salam Blogger