Membuat Texs Area

P ada postingan kali ini saya akan sedikit share tentang cara membuat teks arae, mungkin ada sebagian dari shobat-shobat bogger belum tahu apa itu texs area.

ok sedikit saya kasih gambaran tentang texs area, bisa dikatakan secara umum bahwa texs area adalah area atau tempat untuk menyimpan suatu TEXS atau tulisan sehingga akan membentuk suatu area baru.

dan biasanya texs area ini digunakan untuk menyimpan kode-kode HTML atau teks-teks yang lainya yang gunanya agar bisa di copy oleh pengunjung blog atau situs kita.

adapun untuk membuat texs area ada dua opsi yaitu texs area biasa dan texs area yang menggunakan highlight. dan untuk membuat texs are biasa shobat bisa copy kode dibawah ini :

<p align="center"><textarea name="code" rows="6" cols="20"> Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area </textarea></p>

contohnya adalah seperti ini :

<span style="color: rgb(114, 45, 50);"></span><span style="font-weight: bold; color: rgb(204, 0, 0);"><img src="http://i992.photobucket.com/albums/af50/oglexo/cooltext457157560.jpg" /></span><br />

dan keterangan dari kode elemen diatas adalah sebagai berikut :

keterangan : rows="6" ,menunjukkan tinggi dari texs area,jadi bila shobat mau texs area tersebut lebih tinggi atau lebih rendah silahkan ganti kode rows="6" dengan nilai yang lebih besar atau lebih kecil.

keterangan : cols="20" , adalah menunjukkan lebar dari texs area tersebut dan bila shobat ingin menambah lebar dari texs area tersebut silahkan ganti "20" dengan nilai yang lebih tinngi lagi atau sebaliknya.

dan yang kedua adalah texs area dengan highlight.

apa yang dimaksud dengan highlight ? highlight adalah tombol untuk lebih memudahkan para pengujung mengcopy suatu teks atau sejenisnya dengan sekali klik. dengan adanya tombol ini maka pengunjung akan dengan mudah sekali mengcopynya. hanya dengan sekali tekan saja maka teks atau kode kode yang ada akan di highlight semuanya dan tinggal di copy saja. fasilitas ini biasanya sangat berguna apabila kode-kode yang diberikan sangat banyak. sehingga dengan adanya tombol highlight ini tidak akan takut ada kode atau texs yang akan tertinggal bila di copy.

dan untuk membuat texs area dengan highlight ini shobat semua bisa copy kode dibawah ini :

<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 anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></div></form>


dan contohnya seperti ini :

<span style="color: rgb(204, 0, 0); font-weight: bold;"><img src="http://i992.photobucket.com/albums/af50/oglexo/cooltext457157412.jpg" /></span>

dan untuk lebih memperjelas lagi dari keterangan 2 elemen kode texs area diatas saya akan uraikan lagi seperti dibawah ini:

elemen tombol highlight all .

1. <div align="center"> ---> Kata center menunjukkan bahwa tombol akan
berada di tengah, bila shobat mau menaruh di kanan tinggal ganti aja dengan right
dan bila mau ditaruh di kiri ganti dengan left.

2.<input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"> ---> arti dari kode ini menunjukkan bahwa bila tombol ini di klik maka
seluruh teks atau kode yag ada didalamnya akan di highlight atau di blok. jadi
shobat jangan apa-apakan kode ini.

3.Value="Highlight All" ---> kata highlight all adalah kata yang akan
muncul bila didalam tombol. jadi shobat bisa isi dengan kata atau tulisan yang
shobat inginkan.


Element texs Area :

1. <p align="center"> ---> Ini akan menunjukkan bahwa texs area akan
berada di tengah, jika shobat ingin taruh di sisi kiri atau kanan shobat tinggal
ganti kata ceter dengan right atu left.

2. <text style="WIDTH: 300px">---> kata WIDTH: 300PX adalah lebar
dari tes area tersebut, jika ingin merubahnya shobat bisa ganti dengan ukuran yang
shobat kehendaki.

3. HEIGHT: 144px ---> Angka "144px" menunjukkan bahwa tinggi texs area adalah sebesar
144 pixel, jika ingin merubahnya shobat bisa ganti dengan ukuran yang anda
inginkan.

nah itulah shobat cara-cara untuk membuat tes area, bila shobat masih bingung silahkan email ke saya atau isi komentar di bawah postingan ini. jangan sungkan ya ?
semoga bermanfaat.