You must enable Javascript in your browser to run or open this site.

Textarea

Apa sih Textarea? Sudah sejauh ini saya baru mempostingkan Artikel Textarea. Textarea adalah tempat meletakan text atau tulisan dengan tatakan area putih pada umumnya. Biasanya Textarea digunakan untuk meletakan kode - kode html yang bisa dicopy dan paste oleh orang lain atau pengunjung blog sobat. Kita contohkan di Tukar Link atau Link Exchange saya. Nah, jika sobat sudah melihat posting tersebut, maka sobat dapat mengopy pastekan kode - kode link itu.
Saya ingatkan Textarea tidak mendukung adanya kode HTML ( ' )

Nah, berikut contoh kode Textearea dasar yang sering dilihat.
<center><textarea>Letakan kode - kode Html yang akan sobat taruh disini untuk dicopy orang lain atau pengunjung</textarea></center>
Kode Hijau adalah isi dari pada Textarea.
Kode Biru Muda adalah kode untuk menengahkan Textarea.
Hasilnya seperti ini :



Nah, berikut ini adalah Editan Textarea.

Edit Ukuran, Warna, Tinggi jarak baris, dan Padding Textarea.
<center><textarea name="code" rows="2" cols="50" style="background: none repeat scroll 0% 0% #000000; color: #FFFFFF; line-height: 1.5em; padding: 5px;">Letakan kode - kode Html yang akan sobat taruh disini untuk dicopy orang lain atau pengunjung. Mungkin tidak hanya kode yang diletakan, bisa saja text peringatan atau pemberitahuan kepada pengunjung.</textarea></center>
Keterangan Warna :
~ Warna Biru adalah Ukuran Lebar (cols) dan Tinggi (Rows) Textarea.
~ Warna Unggu adalah Warna Background #000000. Bisa diganti dengan kode background: none repeat scroll 0% 0% url (Alamat Gambar) ; untuk mengganti dengan Gambar.
~ Warna Oranye adalah Warna Tulisan.
~ Warna Hijau muda adalah Tinggi jarak Baris.
~ Warna Biru muda adalah Jarak Antara Batas Textarea dengan Tulisan.
~ Dan Warna Hijau adalah Isi Textraea.

Maka Hasilnya akan seperti berikut :


Edit menambahkan Highlight

Apa itu Highlight? Highlight adalah dimana kode tersebut berfungsi memudahkan untuk mengcopy semua text yang terdapat didalam Textarea (Ctrl + A). Ini sangat berfungsi selain praktis dan efisien, Highlight juga berguna mencegah pengunjung ketinggalan beberapa text yang akan dicopynya.
<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="#000000; color: #FFFFFF; WIDTH: 300px; HEIGHT: 50px" name="txt" rows="2" wrap="VIRTUAL" cols="50">Letakan kode - kode Html yang akan sobat taruh disini untuk dicopy orang lain atau pengunjung. Mungkin tidak hanya kode yang diletakan, bisa saja text peringatan atau pemberitahuan kepada pengunjung.</textarea></p></div></form>
~ Warna yang Biru adalah Nama yang terdapat di Button atau Tempat klik Highlight.
~ Warna yang Kuning adalah lebar dan panjang Textarea.

Maka Hasilnya akan seperti berikut :

Terima kasih untuk perhatiannya. Semoga Berhasil!! :)

3 comments

  1. pertamaaaax sob ... :D :D :D
    =)) =))

    BalasHapus
  2. To Shinobi Caemk : wkwwkowkow silahkan di nikmati! =)) terus terus dah

    BalasHapus
  3. Mantap sob, akhirnya ketemu juga caranya. terimakasih. :)

    BalasHapus