Kumpulan Text Area Untuk Blogger

Text area sebenarnya sudah banyak diposting oleh banyak blogger, cuman disini Diaz akan share lagi sebagai tambahan referensi untuk blog sobat, karena text area banyak macam dan fungsinya.
Dibawah ini berbagai macam text area yang bisa sobat gunakan diblog:

1.Kode script:

<textarea name="text1" cols="20" rows="2">TEXT DISINI</textarea>

2. Kode script:

<textarea name="code" rows="2" cols="20" style="background:#000;color:#fff;border:2px inset #ccc;line-height:1.5em;padding:0 7px;">TEXT DISINI</textarea>

3. Kode script:

<textarea name="code" rows="2" 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;&quot ;>TEXT DISINI</textarea>

4. Kode script:

<textarea name="code" rows="2" cols="20" style="background:#fbefff;color:#CA3DD9;border:1px solid #CA3DD9;border-left:20px solid #CA3DD9;line-height:1.5em;padding:5px;">TEXT DISINI</textarea>

5.Kode script:

<textarea  name="code" rows="3" cols="20" style="background: #EF0090; color:  #FFEFF9; border: 3px dotted #FFEFF9; line-height: 1.5em; padding:  5px;"> TEXT DISINI </textarea>

Keterangan:
1.rows adalah tinggi text area

2,cols adalah lebar text area
3.TEXT DISINI adalah tulisan sobat dalam text area
4.Sesuaikan background dan border sesuai dengan template ataau kesukaan sobat.

Ada lagi text area dengan tombol block all atau pilih semua, seperti dibawah ini

Kode scriptnya:

<code><span ><div><form name="copy"><div align="center"><input value="Pilih Semua" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"> </div><div align="center"></div><p align="center"><textarea rows="3" cols="20" style="border: 8px inset rgb(104, 104, 204); padding: 0pt 1px; background: rgb(100, 100, 200) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(255, 255, 255); line-height: 1.5em; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;" name="txt" wrap="VIRTUAL">

Masukan text / kode sobat di sini

</textarea></form></div></span></code>

Semoga artikel Diaz ini bisa bermanfaat untuk sobat-sobat blogger sekalian.Jika sobat mempunyai pertanyaan,kritik ataupun saran,silahkan tulis di kolom komentar yang berada di bawah postingan.Sampai jumpa di TUTORIAL BLOGSPOT  berikutnya.