Cara Membuat Text Area diblog

Cara Membuat Text Area diblog
Pada postingan kali ini saya akan memberi tahu tentang cara membuat text area di blog. tujuanya antara lain agar pengunjung blog anda lebih mudah mengcopy tulisan anda, juga untuk menghemat tempat.

<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

<textarea cols="20" name="code" rows="3" style="background: none repeat scroll 0% 0% rgb(218, 255, 191); border: 2px dashed rgb(41, 95, 0); color: #295f00; line-height: 1.5em; padding: 5px;"> ISI TEKS AREA SOBAT DISINI

<textarea cols="30" name="code" rows="6" style="background: none repeat scroll 0% 0% rgb(239, 0, 144); border: 3px dotted rgb(255, 239, 249); color: #ffeff9; line-height: 1.5em; padding: 5px;"> ISI TEKS/KODE


<textarea cols="30" name="code" rows="6" style="-moz-border-radius: 7px 7px 7px 7px; background: none repeat scroll 0% 0% rgb(251, 239, 255); border-color: rgb(202, 61, 217); border-style: solid; border-width: 1px 1px 1px 20px; color: #ca3dd9; line-height: 1.5em; padding: 5px;"> ISI TEKS AREA SOBAT DISINI


<textarea cols="30" name="code" rows="6" style="background: none repeat scroll 0% 0% rgb(255, 0, 10); color: white; line-height: 1.5em; padding: 5px;"><br /> ISI TEKS AREA SOBA DISINI

<textarea cols="30" name="code" rows="6" style="-moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; background: none repeat scroll 0% 0% rgb(255, 218, 175); border: 2px ridge rgb(127, 69, 0); color: #7f4500; line-height: 1.5em; padding: 5px;"> ISI TEKS AREA SOBAT DISINI

<textarea cols="30" name="code" rows="6" style="-moz-border-radius: 5px 5px 5px 5px; background: none repeat scroll 0% 0% rgb(0, 0, 0); border: 2px inset rgb(204, 204, 204); color: white; line-height: 1.5em; padding: 0pt 7px;">ISI TEKS AREA SOBAT DISINI

<textarea cols="30" name="Bptxt" rows="6" style="-moz-background-inline-policy: continuous; -moz-border-radius: 15px 15px 15px 15px; -moz-box-shadow: 5px 0px 8px rgb(129, 129, 129); background: none repeat scroll 0% 0% white; border-left: 20px solid red; color: black; line-height: 150%; padding: 5px;">simpan tulisan anda di sini

<textarea cols="30" name="Bptxt" rows="6" style="-moz-border-radius-bottomright: 15px; background: none repeat scroll 0% 0% yellow; border-left: 20px solid red; color: black; line-height: 1.5em; padding: 5px;">Tulis text ataupun kode-kode yang anda ingin tampilkan di sini

<textarea cols="30" name="Bptxt" rows="6" style="-moz-background-inline-policy: continuous; -moz-border-radius: 15px 15px 15px 15px; -moz-box-shadow: 5px 0px 8px rgb(129, 129, 129); background: none repeat scroll 0% 0% Pink; border-left: 20px solid red; color: black; line-height: 150%; padding: 5px;">simpan tulisan anda di sini

1.Teks area Standar

ini adalah teks area

<textarea>ini adalah teks area</textarea>

2.Text area yang bisa diatur ruang dan kolomnya

Silahkan Tulis apa saja di sini

<textarea cols="20" rows="5">Silahkan Tulis apa saja di sini</textarea>

3.Text area dengan garis putus

Silahkan Tulis apa saja di sini

<textarea cols="20" rows="5" style="border: 2px dashed;">Silahkan Tulis apa saja di sini</textarea>

4.Text area dengan auto blok

Tulisan ini akan ter-blok otomatis

<textarea rows="5" cols="25" onclick="this.focus(); this.select();">Tulisan ini akan ter-blok otomatis</textarea>

5.Text area klik tombol blok

Teks Area 3

<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Klik Semua" /> </div>
<div align="center">
</div>
<div align="center">
<textarea cols="55" name="txt" rows="100" style="height: 144px; width: 300px;" wrap="VIRTUAL">Teks Area 3</textarea></div>
</form>
</div>