Cara Mudah Membuat Text Area

Pembuatan Text Area mungkin saja dianggap penting ebagian blogger. Namun terkadang juga kurang banyak digunakan bila blog tersebut tidak banyak mengupas tentang aplikasi blog, jadi masalah penting atau gak penting terserah sahabat masing-masing. Ok langsung aja ane terangkan cara membuat text area sederhana yang sebenarnya ane juga masih kutak-katik, dalam arti lain baru-baru belajar juga bro....heheheeee.....nih di bawah penjelasannya.

Pembuatan text area sederhana

Spoiler:

<textarea rows="5" cols="25" style="display: inline;" name="txt">ganti tulisan ini dengan tulisan yang anda inginkan. isinya bisa berupa code script ataupun teks biasa seperti ini</textarea>

Hasilnya seperti ini:

ganti tulisan ini dengan tulisan yang anda inginkan. isinya bisa berupa code script ataupun teks biasa seperti ini

Letak center (di tengah), tinggal tambahkan kode <center> dan di akhiri dengan </center>
kodenya menjadi seperti ini.

Spoiler:

<center><textarea cols="25" name="txt" rows="5" style="display: inline;">ganti tulisan ini dengan tulisan yang anda inginkan. isinya bisa berupa code script ataupun teks biasa seperti ini</textarea></center>

Hasilnya seperti ini.


ganti tulisan ini dengan tulisan yang anda inginkan. isinya bisa berupa code script ataupun teks biasa seperti ini

Keterangan :

• rows = tinggi
• cols = lebar

Pembuatan Text Area dengan Button atau Higtlights

Spoiler:

<center><form name="copy"><input value="Klik Tandai" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/><textarea rows="5" cols="25" style="display: inline;" name="txt">Isi teks area taruh sini, bisa berupa code script ataupun teks biasa kayak ini</textarea></form></center>

Hasilnya seperti ini.

ganti tulisan ini dengan tulisan yang anda inginkan. isinya bisa berupa code script ataupun teks biasa seperti ini

Pembuatan teksarea dengan onclick hightligt

Spoiler:

<textarea rows="5" cols="25" style="display: inline;" name="txt" onclick="this.focus();this.select()">ganti tulisan ini dengan tulisan yang anda inginkan. isinya bisa berupa code script ataupun teks biasa seperti ini</textarea>

Hasilnya seperti ini...,klik aja bagian teks areanya

ganti tulisan ini dengan tulisan yang anda inginkan. isinya bisa berupa code script ataupun teks biasa seperti ini


catatan
kalau mau letaknya di tengah tinggal menambahkan kode <center> pada bagian awal kodenya dan di tutup dengan </center>

pembuatan textarea sensitif hightlight

Spoiler:

<textarea rows="5" cols="25" onfocus="this.select()" style="display: inline;" onmouseover="this.focus()" name="txt" onclick="this.focus();this.select()">ganti tulisan ini dengan tulisan yang anda inginkan. isinya bisa berupa code script ataupun teks biasa seperti ini</textarea>

Hasilnya akan nampak seperti di bawah ini, letakkan mouse anda di wilayah teks area dibawah ini agar menegetahui efek hightlight nya..



ganti tulisan ini dengan tulisan yang anda inginkan. isinya bisa berupa code script ataupun teks biasa seperti ini
Oiya.. hampir lupa, kalo ingin merubah lebar dan tinggi tampilan textarea silahkan ganti rows dan colsnya. 

Tambahan

• Untuk menyimpan kode HTML/Javascript dalam Text Area/Textbox Area, terlebih dahulu harus di PARSE. Untuk mengetahui cara melakukan Parse kode HTML/Javascript silahkan kunjungi Blogcrowd

• untuk mengganti warna anda cari kode background:#06CDEB;  atau yang ini background:#836E2C; ganti kode yang berwarna merah. Untuk mengganti kode warna kunjungi HTML Color Code

keep spirits and do the best