Format Text Area
Membuat Format Tulisan Dengan Text Area - Membuat Text Area mungkin sudah banyak yang menggunakan dan mengetahui cara membuatnya, tetapi Apa itu Text Area ? text area adalah area tempat untuk menyimpan text atau tulisan baru, atau bisa dikatakan sebuah komponen HTML yang digunakan untuk menampilkan tulisan/text atau kode script dalam bentuk dan format tulisan yang dibalut dengan garis tepi berbentuk kotak persegi. Biasanya text area dipakai untuk menyimpan kode HTML yang tidak bisa di tulis langsung ke dalam postingan di blog. Jadi fungsi dari text area ini kurang lebih untuk memudahkan pengunjung mengcopy seluruh isi text.

Berikut beberapa Format Tulisan Dengan Text Area yang biasa digunakan di blog
I. Format Text Area standard

Untuk Membuat Format Tulisan Dengan Text Area, silahkan copy code di bawah ini :
<center><textarea name="code" rows="2" cols="15"> Terimakasih karena telah memilih Blog SAHABAT BLOGGER 77 sebagai tempat berbagi</textarea></center>

berikut hasilnya :

Keterangan :
  1. Untuk "rows"=3 adalah tinggi dari text area, jadi jika sobat menginginkan text area yang lebih tinggi silahkan sobat ganti dengan angka yang lebih tinggi.
  2. Untuk cols="15" adalah lebar dari text area, jadi jika sobat menginginkan text area yang lebih lebar silahkan sobat ganti dengan angka yang lebih tinggi.
  3.  <center></center> adalah posisi tampilan text area
II. Format Text Area menggunakan Highlight
Tombol Highlight, dimaksudkan agar lebih memudahkan untuk mengcopy seluruh isi text area hanya dengan menekan tombol Highlight, maka isi keseluruhan text/tulisan dalam kotak akan terblok.
Fungsi tombol highlight ini sangat berguna untuk mencegah tertinggalnya satu atau beberapa isi dari text area.

Silahkan copy kode HTML di bawah ini :
<div><form name="copy"><div align="center"><span><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Highlight All" type="button"> </span></div><p align="center"><textarea style="width: 150px; height: 80px;" name="txt" rows="5" wrap="VIRTUAL" cols="20">Terimakasih karena telah memilih Blog SAHABAT BLOGGER 77 sebagai tempat berbagi</textarea></p></form></div>

Hasilnya seperti ini :

Berikut Pengertian/maksud dari kode Format Text Area di atas
  1. <div align="center"> kata center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika sobat ingin posisi tombol berada di tepi sebelah kiri, tinggal ganti dengan kata left. Dan jika ingin berada di tepi sebelah kanan, tinggal ganti dengan kata right. 
  2. <input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"> kode ini artinya ketika tombol highlight di klik, maka seluruh text yang ada di dalamnya akan di highligt (di tandai atau di blok), jadi sobat jangan merubah tulisan ini.
  3. Value="Highlight All" kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika sobat ingin merubah tulisan ini silahkan ganti dengan kata yang sobat inginkan.  
  4. <p align="center"> kata ini menunjukan bahwa text area akan berada di tengah, nah jika sobat ingin text area sobat berada di tepi kiri, ganti kata center dengan kata left, bila ingin di tepi kanan, ganti dengan kata right. 
  5. <text style="WIDTH: 150px"> kata "WIDTH:150px" menunjukan lebar dari text area tersebut sebanyak 150 pixel, jadi jika sobat ingin memperpendek atau memperpanjang lebar text area, sobat tinggal menggantinya dengan angka yang sobat inginkan. misal: "WIDTH:500px;"  
  6. HEIGHT: 80px kata HEIGHT:80px menunjukan bahwa text area akan mempunyai tinggi sebesar 80 px, jadi jika sobat ingin merubahnya tinggal ganti angka tersebut dengan angka yang sobat inginkan. Misal : HEIGHT:160px.
Demikian sedikit penjelasan tentang Cara Membuat Format Tulisan Dengan Text Area. Selamat mencoba dan semoga bermanfaat

TERIMA KASIH ATAS KUNJUNGAN SAUDARA

Judul= Membuat Format Tulisan Dengan Text Area
Ditulis oleh= Devy Indriyani
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip (meng-Copy), baik itu sebagian atau keseluruhan isi dari artikel ini harap menyertakan link dofollow ke >>
= TERIMA KASIH =

0 komentar

Posting Komentar