Membuat Format Tulisan Dengan kolom Text Area

Berikut ini akan diuraikan langkah-langkah cara membuat (  Format Tulisan Dengan Text Area  ) semoga artikel kali ini bermanfaat untuk kita semua.
Adapun Cara membuat : (  Format Tulisan Dengan Text Area  ) sebagai berikut :

Masukan Kode HTML / Javascript di bawah ini :

<center><textarea name="code" rows="2" cols="15"> Terimakasih karena telah memilih Blog SAHABAT BLOGGER 77 sebagai tempat berbagi</textarea></center>


Keterangan :
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.
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.
 <center></center> adalah posisi tampilan text area

Format Text Area menggunakan Highlight
<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>


Berikut Pengertian/maksud dari kode Format Text Area di atas

  • <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.
  • <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.
  • 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. 
  • <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.
  • <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;" 
  • 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.

Setelah semua kode html, (style, atau b:skin, dan javascript sudah di pasang sesuai posisinya masing-masing langkah terahir adalah Simpan, atau klik pratinjau tema terlebih dahulu,. Namun untuk saran tiada salahnya langsung klik SIMPAN dan lihat hasilnya, jika terjadi eror, dan kode tidak berfungsi dengan baik silahkan informasikan kami di kolom komentar, salam Team SAHAB BISNIS 77.

Demikian Cara membuat ( Format Tulisan Dengan Text Area ) semoga bermanfaat terima kasih.

Tidak ada komentar

Posting Komentar