Cara Membuat Text Box / Text Area

Text box / Text Area biasanya digunakan untuk memasang kode-kode HTML yang dimaksudkan agar kode-kode HTML yang kita posting dapat dicopy oleh pengunjung.

Ikuti Langkah dibawah ini untuk membuat text box / text area:

Hal pertama yang harus anda lakukan adalah Login ke Blogger.com
 klik Perancang, lalu klik Elemen Laman,
 Add Gadget-->HTML/Javascript-->isikan kodenya-->Save



Kode Untuk text box / text area tanpa tombol Highlight sebagai berikut:

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

Silahkan ganti angka "rows" yang merupakan tinggi kolom dan "cols" yang merupakan lebar kolom sesuai dengan kebutuhan anda, lalu ganti tulisan yang bercetak tebal dengan kode HTML atau isi text.

Gantilah tulisan yang bercetak tebal dengan text atau kode HTML yang akan anda beri Text Box / Text Area

Hasilnya seperti ini:

Isi text anda atau kode2 HTML

Kode text box area menggunakan tombol highlight sebagai 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">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>

Silahkan ganti angka WIDTH (lebar kolom) dan HEIGHT (tinggi kolom) sesuai dengan kebutuhan anda


Gantilah tulisan yang bercetak tebal dengan text atau kode HTML yang akan anda beri Text Box / Text Area

Maka hasilnya akan seperti ini:

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

Selamat Mencoba