Membuat Teks Area

Biasanya text area di gunakan untuk menyimpan kode-kode Html/Javascript ataupun text lainnya agar bisa di copy oleh para pengunjung. Dengan memakai teks area teks atau kode yang sangat panjang bisa diringkas dengan menggunakan teks area dalam arti lebih menghemat tempat pada postingan blog anda. Bagaimana cara pambuatannya? Agar tidak penasaran maka langsung saja ke cara pambuatannya. Berikut adalah cara-cara pembuatan teks area di blog.

Text Area Biasa

Untuk membuat text area, silahkan anda Copy kode di bawah ini, dan paste kan di postingan anda:

<br /> <p align="center"><textarea name="code" rows="5" cols="20" readonly><br /> Tulis di sini<br />

Keterangan:

-rows="6" ==> menunjukan tinggi dari teks area.

-cols="20" ==> menunjukan lebar dari text area.

-align="center" ==> menunjukan letak kolom berada di tangah. Anda bisa ganti dengan left untuk kiri dan right untuk kanan.

-Tulis disini ==> anda ganti dengan teks yang akan anda masukan di teks area. 

Text Area Dengan Tombol Highlight

Copy Kode di bawah ini untuk membuat teks area, dan paste kan pada postingan anda:

<div><form name='copy'><div align='center'><input onclick='javascript:this.form.txt.focus();this.form.txt.select();' type='button' value='Copy Semua'></div><div align='center'></div><p align='center'><textarea style='width:200px;height:100px;' name='text' rows='100' wrap='virtual' cols='200'>Tulis disini

Keterangan:

Tulis disini ==> bisa anda ganti dengan teks/kode yang akan anda masukan masukan pada teks area.

Text Area Garis Putus-Putus

Silahkan  anda copy kode di bawah ini dan paste kan pada postingan anda:

<textarea rows='8' cols='10' style='border:1px dashed;'>Tulis disini>>

Keterangan:

Tulis disini ==> bisa anda ganti dengan teks/kode yang akan anda masukan pada teks area.

Text Area klik Auto Blok.

Silahkan  anda copy kode di bawah ini dan paste kan pada postingan anda:

<textarea rows="5" cols="25" onclick="this.focus(); this.select();">Tulis disini

Keterangan:

Tulis disini ==> bisa anda ganti dengan teks/kode yang akan anda masukan masukan pada teks area.

Text Area Dengan Background

Silahkan  anda copy kode di bawah ini dan paste kan pada postingan anda:

T<textarea rows='10' cols='8' style='background:#cccccc;color:#ff0000;'>Tulis disini

Keterangan:

bacground : #cccccc ==> menunjukan warna latar belakang teks area.

color : #ff0000 ==> menunjukan warna garis teks area. Anda bisa memilih kode warna Di sini.

Tulis disini ==> anda ganti dengan teks/kode yang akan anda masukan masukan di teks area.

^^^Semoga Berhasil^^^