Sabtu, 27 Oktober 2012

Cara Membuat Text Area di Blog

Cara Membuat Text Area di Blog sebenarnya sanggat sederhana
 

sebenarnya hanya seperti ini saja:



Kodenya :

<textarea>Tulisan yang mau di tulis atau kode Html</textarea>

tetapi sering kali kita ingin memilih bentuk yang lain

ada beberapa bentuk text area yang akan saya tulis yaitu :
bentuk yang seperti ini :




Kodenya :

<div align="center">
<textarea cols="30" name="code" rows="3">Tulisan yang mau di tulis atau kode Html</textarea></div>

ada juga yang seperti ini :








Kodenya :

<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Pilih Semua" /> </div>
<div align="center">
<textarea cols="30" name="txt" rows="5" wrap="VIRTUAL">Tulisan yang mau di tulis/ kode Html</textarea></div>
</form>
</div>

ini yang langsung blok tulisan saat di klik




Kodenya :

<div style="text-align: center;">
<textarea cols="25" onclick="this.focus(); this.select();" rows="3">Contoh Text Area otomatis memblok semua tulisan saat di klik</textarea></div>

yang ini contoh saat mouse di arahkan langsung memblok tulisan




Kodenya :

<div style="text-align: center;">
<textarea cols="25" onmouseover="this.focus(); this.select();" rows="3">Contoh Text Area saat mouse di arahkan langsung memblok tulisan</textarea></div>



Keterangan :

- ROWS ( tinggi kotak teks area ) dan COLS ( Lebar kotak teks area ), Semakin besar angka ROWS nya, semakin tinggi ukuran kotak Text Area begitu juga sebaliknya.
Semakin besar angka COLS nya, semakin Lebar ukuran kotak Text Area begitu juga sebaliknya.

- Gantilah angka-angkanya sesuai dengan kebutuhan kamu. Pada contoh di atas, angka yang dimaksud adalah angka 3 dan 30.
- Ganti kode  tulisan yang akan di pasang di dalam teks area.
- Kode ( center ) adalah kode untuk posisi teks area yaitu tengah. Jika ingin membuat teks area berada di pinggir kiri, ganti kode center dengan kode left, untuk membuatnya berada di samping kanan, ganti dengan kode righ.

- Jika kamu ingin menulis tulisan atau kode html nya panjang, kamu tidak perlu memperbesar text area karena textarea secara otomatis membuat scroll kesamping atau kebawah secara otomatis

Cukup Jelas kan?
Pililhlah sesuai kebutuhan kamu
Selamat Mencoba
Salam Blogger



4 Komentar:

  1. jadi standarisasi scriptnya seperti ini ya, saya baru tahu
    terima kasih ilmunya

    BalasHapus
  2. Panduan membuat teks area ini bagus.... saya coba dulu gan, makasih.

    BalasHapus
  3. mantaf gan ilmunya, tutornya sudah saya terapkan dan berhasil.

    BalasHapus
  4. thanks gan, saya sudah lakukan seperti apa yang ditulis dan 100% sangat berhasil. bisa dicek ya..

    BalasHapus