Membuat Text Area Sederhana

Text area biasanya sering digunakan oleh para blogger untuk menampilkan kode atau scripts agar lebih mudah untuk di copy oleh pengunjung dan tidak terjadi kesalahan peng-copy-an. Sebetulnya hal ini tergantung kepada pemilik blog , ada yang senang hanya di quote aja namun ada juga yang senang menampilkan kode atau scripts tersebut dengan menggunakan text area. Kalau saya pribadi lebih senang untuk menampilkannya hanya dengan meng-quote aja. Jika anda ingin mengetahui cara membuat text area, maka anda tidak salah jika berkunjung kesini. Berikut kami berikan tutorial untuk membuat text area di blog blogspot anda.

Membuat Text Area Sederhana.

<p align="left">
<textarea name="code" rows="6" cols="10">  

 
Letakkan kode anda di sini

 
</textarea>
</p>

Hasilnya nanti akan terlihat seperti ini :
 

Dicoba dicoba dicoba       

 Membuat Text Area Dengan Auto Highlight

<textarea rows="5" cols="15" onfocus="this.select()" onmouseover="this.focus()" style="display: inline;" name="txt" onclick="this.focus();this.select()">

Letakkan kode anda di sini

</textarea>

Hasilnya nanti akan terlihat seperti ini :
Dicoba dicoba dicoba        

Membuat Text Area Dengan Tombol Highlight All

<div>
<form name="copy">
<div align="left">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All">
</div>
<div align="left"> </div>
<p align="left">
<textarea style="WIDTH: 200px; HEIGHT: 100px" name="txt" rows="100" wrap="VIRTUAL" cols="55">

Letakkan kode anda disini

</textarea></p>
</form>
</div>

Hasilnya akan terlihat seperti ini :

dicoba dicoba dicoba