Cara Membuat Kotak Text Area Pada Blog

Text Area adalah suatu area atau tempat yang biasa digunakan untuk menyimpan suatu text atau kode HTML tertentu. Text area ini biasanya di tujukan ke pada pengunjung blog untuk lebih mudah mencopy atau menyalin data.

Berikut ini ada beberapa kode Text Area yang bisa digunakan di blog/ website Anda :

1. Kode Kotak Text Area

<textarea rows="5" cols="30">Cara membuat kotak texarea</textarea>

Hasilnya

Cara membuat kotak texarea


2. Kode Text Area Yang Tidak Bisa Dihapus

<div align="left">
<textarea rows="2" cols="35" onclick="this.focus(); this.select();" readonly="">Coba silahkan hapus tulisan ini hasilnya bagaimana ?? </textarea></div>

Hasilnya

Coba silahkan hapus tulisan ini hasilnya bagaimana ??

3. Kode Text Area Diblok Semua Saat Tersorot Mouse

<div>
<form name="Indoamaterasu">
<div align="left" style="margin-bottom: 0pt; margin-top: 0pt;">
<textarea ;="" cols="55" name="txt" onmouseover="this.form.txt.select()" rows="100" style="height: 30px; width: 300px;">Coba arahkan mouse ke sini</textarea></div>
</form>
</div>

Hasilnya

Coba arahkan mouse ke sini

4. Kode Kotak Tanpa Scroll

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
Cara kotak tulisan</div>

Hasilnya

Cara kotak tulisan

Catatan

1. Padding :10px = panjang kotak ke bawah, untuk lebarnya otomatis sampai ke ujung posting.
2. Background-color:ffffff; = warna dalam kotak. 
3. Dan text-align:left; = posisi tulisan didalam kotak di kiri.
4. Border: 3px = ketebalan kotak script. dan #1780dd = warna kotak script.
5. Double : bentuk kotak dengan garis double bisa Anda ganti dengan :

• dashed
• dotted.

5. Kode Kotak Dengan Scroll

<div style="border: 3px #1780dd solid; padding: 10px;background-color:#ffffff;
overflow: auto; height: 50px; width: 200px;
text-align: left;">
.kode script disini.</div>

Hasilnya

Text Arae adalah suatu area atau tempat yang biasa digunakan untuk menyimpan suatu text atau kode HTML tertentu. Text area ini biasanya di tujukan ke pada pengunjung blog untuk lebih mudah mencopy atau menyalin data. Text Area ini bisa kita simpan di dalam postingan maupun di dalam widget HTML.

Catatan

1. Sama seperti cara diatas, masukan kode script ke HTML.
2. Overflow:auto; = fungsi scrollnya. height(tinggi kotak) dan width(lebar kotak).
3. Kotak script bisa juga dipindahkan ke kanan, dengan menambahkan kode float: right; ditengah kode diatas.