Cara Membuat Text Area di Blog

Cara Membuat Text Area di Blog Cara Membuat Text Area di Blog - Pemasangan Text Area di Blog sangat lah membantu dan juga mempermudah bila ada pengunjung blog yang akan membutuhkan kode HTML untuk mengcpoy nya. apalagi jika lode tersebut sangat  panjang pasti sulit. selain itu pemasangan Text Area di Blog juga mempersingkat tempat dan membuat tampilan artikel menjadi lebih rapi jika di pandang.  pemasangan Text Area di Blog banyak cara atau jenis jenis Text Area itu sendiri saya akan memberikan beberapa contoh nya sehingga kamu dapat memilih salahsatunya saja.

#Cara Membuat Text Area terblok semua dengan sekali klik

Scriptnya :

<div align="center">
<textarea rows="2" cols="35" onclick="this.focus(); this.select();">Coba klik teks ini !!</textarea></div>

Hasilnya akan seperti ini1 :

Terimakasih telah berkunjung sahabat ku

---

#Cara Membuat Text Area Dengan Tombol Highlight

Scriptnya :

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 100px" name="txt" rows="100" wrap="VIRTUAL" cols="55">Masukan berupa teks yang akan kamu masukan untuk mempermudah Pengcopyan pelanggan blog kamu</textarea></p></div></form>

Hasilnya seperti ini :

Masukan berupa teks yang akan kamu masukan untuk mempermudah Pengcopyan pelanggan blog kamu

---

#Cara Membuat Text Area terblok Semua saat Disorot Mouse

Scriptnya :

<div>
<form name="RikiJunizar">
<div align="center" style="margin-bottom: 0pt; margin-top: 0pt;">
<textarea ;="" cols="55" name="txt" onmouseover="this.form.txt.select()" rows="100" style="height: 50px; width: 300px;">Coba mouse kamu arahkan ke tuisan ini dan apa yang terjadi ???</textarea></div>
</form>
</div>

Hasil Script di atas :

Coba mouse kamu arahkan ke tuisan ini dan apa yang terjadi ???

---

#Text Area Warna

<textarea name="code" rows="3" cols="60" style="background:#ef0090;color:#FFEFF9;border:3px dotted #FFEFF9;line-height:1.5em;padding:5px;">Teks kamu</textarea>

Hasilnya :

Teks kamu

---

 #Teks area border

<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;">ISI TEXT</textarea>


Hasilnya :
ISI TEXT
Cara Membuat Text Area di Blog >

Cara Membuat Text Area di Blog 2014-03-12T08:34:00-07:00 Rating: 4.5 Diposkan Oleh: Unknown