Sunday, September 17, 2017

Tutorial Blog Membuat Text Area Bagus Lengkap

Salam blogger, alfakir Hendi Cahyadi 
BAGAIMANA CARA MEMBUAT TEXT AREA PADA BLOG?

Text Arae adalah suatu area atau tempat yang biasa digunakan untuk menyimpan suatu text atau kode HTML tertentu. Text area ini biasanya di tujukan ke pada pengunjung blog untuk lebih mudah mencopy atau menyalin data. Text Area ini bisa kita simpan di dalam postingan maupun di dalam widget HTML.

Secara bahasa, klo kita terjemahkan text area berarti area/wilayah text. Mungkin ini pemahaman awam saya yang bukan orang informatika. Kenapa disebut itu, ? karena bagian itu, atau text yang kita simpan pada area tersebut tidak akan diterjemahkan oleh mesin google atapaun itu isinya, baik kata, symbol, atau pun bahasa program. Mungkin sedikit tambahan yang ada dibenak saya.

Untuk memudahkan anda memahami Text Area, berikut adalah kode dasar atau standar untuk membuat text area:
 <textarea>isi dari teks area</textarea>
Hasilnya nanti akan seperti ini:

Untuk lebih lanjut lagi, berikut macam-macam Text Area :

#Cara Membuat Text Area Biasa

Scriptnya :
<div align="center">
<textarea name="code" rows="2" cols=35">Masukkan teks/kode disini !! teks/kode tersebut adalah teks/kode yang akan tampil sebagai isi dari "text area" yang dibuat</textarea></div>
Hasilnya :

#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 ini :

#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: 200px; HEIGHT: 100px" name="txt" rows="100" wrap="VIRTUAL" cols="55">Masukkan text yang diinginkan di sini. Jika terlalu panjang akan muncul scroll untuk membantu anda membaca keseluruhan teks</textarea></p></div></form>
Hasilnya seperti ini :

#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 arahkan mouse ke teks ini !!</textarea></div>
</form>
</div>
Hasil Script di atas :

#Cara Membuat Text Area Dengan Border

Scriptnya :
<div align="center"><textarea cols="35" rows="2" style="border: 2px dotted red ;">Tulis apa aja deh.. terserah !!</textarea></div>
Hasilnya :


Keterangan Script di Atas :
  1. Jika ada kode  <div align="center">, berarti lokasi text area-nya akan berada di rata tengah. Anda bisa mengganti "Center" menjadi "Left" jika ingin text area-nya rata kiri.
  2. Kode cols="35" berarti jumlah karakter yang ditampilkan perbaris adalah 35.
  3. Kode rows="2" berarti jumlah baris yang akan ditamplkan oleh text area adalah 2 baris. Jika jumlah baris lebih panjang dari yang disediakan maka text area akan menampilkan scrolling.
  4. Jika ada kode Height:100px ,berarti kode tersebut menyatakan tinggi text area
  5. Jika ada kode Width : 200px, berarti kode tersebut menyatakan lebar text area nantinya.
  6. Anda bisa menambahkan kode readonly="" jika ingin text area yang anda buat tidak bisa dihapus
Contoh Script Text Area Yang Tidak Bisa Dihapus:
<div align="center">
<textarea rows="2" cols="35" onclick="this.focus(); this.select();" readonly="">Coba klik text area ini kemudian hapus, hasilnya nihil. Coba hapus text arae di atas pasti terhapus.</textarea></div>
 Maka text area dari script di atas tidak bisa dihapus, contoh:


Agar text area yang anda buat tidak bisa terhapus, anda hanya perlu menambahkan kode readonly="" sebelum kode >text yang akan muncul . . . .</textarea></div>.

Terima kasih telah datang dan mau membaca artikel tentang
Previous Post
Next Post

0 komentar: