Cara Membuat Text Area Pada Postingan Di Blog

Untuk para sobat blogger yang belum mengetahui cara membuat text area pada postingan di blog, saya akan berbagi caranya pada artikel kali ini. Seperti kita ketahui bersama, ada banyak kode script yang memakan tempat pada postingan sobat, nah text area ini dapat berfungsi menghemat tempat pada postingan sobat.

Langsung saja ikuti langkah berikut :

1. Masuk ke akun blogger Anda DISINI

2. Buatlah sebuah artikel baru pada mode Compose / mode biasa. Kecuali kode script Text Area, letakkan kode tersebut pada mode HTML. (lihat gambar 1)

3. Apabila Anda akan meletakkan kode script Text Area ini, sebaiknya letakkan kode script tersebut pada mode HTML. (lihat gambar 1)

Gambar 1

4. Letakkan kode script berikut :

- Kode Script Text Area Tanpa Tombol :

 <p align="center"><textarea name="code" rows="2" cols="60"> Tuliskan Teks di sini </textarea></p>

Untuk preview atau hasilnya bisa dilihat gambar berikut :

Gambar 2

Keterangan :

• Untuk angka "2" diatas adalah tinggi teks area. (klau kurang tinggi bisa dinaikkan angkanya sesuai keinginan)
• Untuk angka "60" diatas adalah lebar teks area. (kalau kurang lebar bisa dinaikkan angkanya sesuai keinginan)

- Kode Script Text Area Dengan Tombol :

<div><form name="copy"><div align="center"><span><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Select All" type="button"> </span></div><p align="center"><textarea style="width: 500px; height: 80px;" name="txt" rows="5" wrap="VIRTUAL" cols="20">Tuliskan Teks di sini</textarea></p></form></div>

Untuk preview atau hasilnya bisa di lihat gambar berikut :

Gambar 3

Keterangan :

• Untuk angka "80" diatas adalah tinggi teks area. (kalau kurang tinggi bisa di naikkan angkanya sesuai keinginan)
• Untuk angka "500" diatas adalah lebar teks area. (kalo kurang lebar bisa di naikkan angkanya sesuai keinginan)
• Untuk teks <div align="center"> adalah posisi Tombol / Button. kalau ingin di ganti posisinya tinggal ganti left atau right.
• Untuk teks <p align="center"> adalah posisi teks area. kalau ingin di ganti posisinya tinggal ganti left atau right.

Baca juga artikel menarik lainnya :
- Cara Membuat Link Warna-warni di Blog
- Cara Membuat Kode Warna di Blog

Bagaimana, mudah bukan cara membuatnya? Demikian artikel saya mengenai cara membuat text area pada postingan di blog. Semoga bisa bermanfaat bagi sobat blogger. selamat mencobanya.