Membuat text area

Text area merupakan area atau tempat untuk menyimpan text atau kode-kode HTML dengan membentuk area baru. Biasanya text area ini dibuat untuk mencantumkan kode-kode HTML yang nantinya agar pengunjung bisa meng-copynya. Contohnya bisa untuk simpan kode atau link kita.

Yu mari kita mulai deh....
Penjelasannya dulu aja ya...
Kode 1 :

<p align="center"><textarea name="code" rows="6" cols="20"> Silahkan sobat mau ketik apa aja disini sesuai keinginan sobat bisa berupa text ataupun kode html</textarea></p>

Keterangan :
rows="6", menunjukan tinggi dari text area, jadi jika anda menginginkan text area yang tinggi maka silahkan ganti angka " 6 tadi dengan angka yang lebih tinggi nilainya.

Cols="20", menunjukan lebar dari text area. Jika anda menginginkan text area yang lebar maka silahkan ganti angka " 20 " tadi dengan angka yang lebih tinggi nilainya.

Kode 2 :
Ada variasi lain dari membuat text area ini, yakni text area dengan menggunakan tombol highlight. dengan adanya tombol highlight ini akan memudahkan bagi para pengunjung untuk mengcopy seluruh text ataupun kode-kode yang di berikan, karena dengan hanya sekali tekan saja pada tombol highlight tadi, maka seluruh text ataupun kode-kode yang ada di dalamnya akan di highlight dan tinggal di copy saja. Fasilitas ini sangat berguna ketika text ataupun kode-kode yang di berikan dalan jumlah yang sangat banyak dan ini akan mengurangi resiko tertinggalnya suatu text ataupun kode-kode untuk di copy. Untuk membuat text area dengan menggunakan highlight ini silahkan sobat copy kode HTML di bawah :

<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: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">simpan tulisan sobat di sini ya, maka tulisan yang sobat tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></div></form>

Ket:

Value : Highlight all, Nah niy bisa sobat ganti sesuai kreasi masing-masing...

<p align="center"> : Ini menunjukan letak text area akan tampil di tengah, klo sobat ingin mengubahnya, bisa di kiri "left", kanan "right".

<text style="WIDTH: 300px"> = angka 300 menunjukan nilai suatu lebar text area.

Height: 144px, angka 144 merupakan nilai dari tingginya text area, klo ingin di tambah tinggi bisa ditambahkan aja nilainya, misalnya : 180px.


Hasilnya seperti ini sob...

Kode 1 : Tanpa tombol highlight

Silahkan sobat mau ketik apa aja disini sesuai keinginan sobat bisa berupa text ataupun kode html

kode 2 :

Dengan memakai tombol highlight

simpan tulisan sobat di sini ya, maka tulisan yang sobat tulis akan muncul di sini dan siap di copy oleh para pengunjung

Gimana mau di coba???

Silahkan....

Untuk menambahkan text area di halaman blog sobat cukup mudah ko, tinggal tambah widget saja,

1. Layout/tata letak

2. page elements

3. add gadget

4. pilih java sript/HTML

5. Sobat tinggal copas, ingin kode 1 atau kode 2...
Silahkan deh.... di pilih-dipilih barang murang diskon 40% boleh diangsur 5 bulan. Lho...

 Sumber: http://kolom-tutorial.blogspot.com