Cara Membuat Text Box Area

   Kali ini kita membahas tentang Text Box Area. Apa itu Text Box area?. Text Box area biasanya digunakan untuk memasang kode html yang dimaksud agar lebih mudah di copy oleh pengunjung.

Untuk membuat Text Box anda tinggal membuat kode di bawah ini lalu silahkan pasang di gadget anda.

1. Login ke blogger

2. Layout

3. Add Gadget

4. HTML/Java Script

5. Masukan kodenya

6. Save

Kode Text Box nya seperti ini:

<p align="center"><textarea name="code" rows="3" cols="40"> Isi text anda atau kode2 HTML</textarea></p>

Silahkan atur angka "rows" (tinggi kolom) dan "cols" (lebar kolom) sesuai keinginan anda

Hasilnya akan seperti ini:

Contoh Text Box

Untuk menggunakan tombol highlight seperti berikut:

<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: 400px; HEIGHT: 80px" name="txt" rows="100" wrap="VIRTUAL" cols="55">Contoh Text Box yang akan dicopy</textarea></p></div></form>

Hasilnya seperti ini

Contoh Text Box yang akan dicopy

Itu saja dari Rizki Computer tentang Cara Membuat Text Box Area . Semoga bermanfaat.
Sekian dan Terima Kasih

Artikel Terkait

Posted in: Tutorial Blog