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.

Text area dapat menggunakan tombol atau juga tanpa menggunakan tombol.
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)

http://hendrasuhendra176.blogspot.com/2014/05/cara-membuat-text-area-pada-postingan.html
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 di lihat gambar berikut :

http://hendrasuhendra176.blogspot.com/2014/05/cara-membuat-text-area-pada-postingan.html
Gambar 2
Keterangan :

  • Untuk angka "2" diatas adalah tinggi teks area. (kalo kurang tinggi bisa di naikkan angkanya sesuai keinginan)
  • Untuk angka "60" diatas adalah lebar teks area. (kalo kurang lebar bisa di naikkan 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 :

http://hendrasuhendra176.blogspot.com/2014/05/cara-membuat-text-area-pada-postingan.html
Gambar 3
Keterangan :

  • Untuk angka "80" diatas adalah tinggi teks area. (kalo 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.
Demikian artikel saya mengenai cara membuat text area pada postingan di blog. Mudah - mudahan bisa bermanfaat bagi sobat blogger. selamat mencobanya.

Post a Comment