Text Area adalah suatu kotak yang berisi teks, apabila teks tersebut melebihi batas dari kotak tersebut akan mempunyai fungsi scroll agar tidak memakan tempat untuk penempatan teks dan agar pengunjung blog dapat dengan mudah meng-copy teks di area tersebut.

Text Area Sederhana

source code :

<p align="center">
<textarea name="code" rows="4" cols="30"> 
TEXT
</textarea>
</p>

Keterangan:

• align = posisi, dapat Anda pilih center (tengah), left (kiri), right (kanan)
• rows = tinggi area
• cols = lebar area

Text Area dengan Fungsi Scroll

source code :

<div style="background-color: black; border: 1px dotted #ff0000; color: #ff0000; height: 80px; overflow: scroll; padding: 10px; width: 550px;">
TEXT
</div>

Text Area dengan Fungsi Copy All

source code :

<div>
<form name="copy">
<div align="left">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Copy All" /></div>
<div align="left">
<textarea cols="55" name="txt" rows="100" style="background-color: black; border: 1px dotted #ff0000; color: #ff0000; height: 80px; width: 550px;" wrap="VIRTUAL">TEXT</textarea></div>
</form>
</div>

Caranya:
1. Masuk ke akun blogger sobat.
2. Pilih menu Post ➨ Entri Post
3. Lalu pilih HTML, bukan Compose
4. Paste source code Text Area yang diinginkan
5. Ganti TEXT, dengan text yang anda inginkan.
6. Klik Publikasikan