Cara Membuat Text Area Cantik

Cara Membuat Text Area

Text Area berfungsi sebagai tempat untuk menulis code HTML tanpa harus di pharse dulu, biasanya sich para blogger menggunakan Text Area ini sebagai tempat menulis code LINK mereka yang akan digunakan untuk bertukar link atau sering juga digunakan untuk menulis code Banner mereka.

Langsung saja menuju bagaimana cara membuatnya :

Text Area Dengan Batton Pilih semua :

<br /> <form><br /> <input onclick="javascript:this.form.albritext.focus();this.form.albritext.select();" value="Select All" type="button"><br><br /> <textarea name="albritext" rows="5" cols="25"><br /> Text/CODe LINK Exchange/Code Banner yang ingin shobat sekalian masukkan<br />

Text Area Dengan Background Cantik :

<textarea name="code" rows="3" cols="20" style="background: #000; color: #fff; border: 2px inset #ccc; line-height: 1.5em; padding: 0 7px; -moz-border-radius: 5px;"> ISI TEKS AREA SOBAT DISINI

<textarea name="code" rows="3" cols="20" style="background: #FBEFFF; color: #CA3DD9; border: 1px solid #CA3DD9; border-left: 20px solid #CA3DD9; line-height: 1.5em; padding: 5px; -moz-border-radius: 7px;"> ISI TEKS AREA SOBAT DISINI

<textarea name="code" rows="3" cols="20" style="background:#DAFFBF; color:#295F00; border:2px #295F00 dashed; line-height:1.5em; padding:5px;"> ISI TEKS AREA SOBAT DISINI

<textarea name="code" rows="3" cols="20" style="background:#DAFFBF; color:#295F00; border:2px #295F00 dashed; line-height:1.5em; padding:5px;"> ISI TEKS AREA SOBAT DISINI

<textarea name="code" rows="3" cols="20" style="background:#BFFAFF; color:#FF0000; border-bottom: 4px solid #40FF1F; border-right: 4px solid #40FF1F; border-top: 4px solid #FFE900; border-left: 4px solid #FFE900; line-height:1.5em; padding:5px; -moz-border-radius:10px;"> ISI TEXT/KODE

<br /><textarea name="code" rows="3" co2ls="20" style="background:#FF000A; color:#fff; border:3px double #ffaf; line-height:1.5em; padding:5px;"><br />ISI TEKS AREA SOBA DISINI

Selamat Mencoba.... !!!