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>
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.
