Cara Membuat Text Area di Blog

Text Area

Cara Membuat Text Area di Blog- Malam sobat semua? malam hari ini saya akan share artikel yang berjudul Cara Membuat Text Area di Blog. Apa itu text area ? mungkin sobat masih ada yang bingung apa yang dimaksud dengan text area. Text area adalah sebuah kolomyang dibuat sebagai kontainer tulisan atau kode Html yang ingin kita hidangkan kepada para pengunjung blog. Selain sebagai kontainer text biasa, text area juga bisa dibuat dengan fungsi hightlight agar mmudahkan pengunjung untuk copy isi text area.

artikel saya kali ini memang ada kaitanya dengan artikel saya yang sebelumnya, yaitu Cara Membuat Link Exchage pada Sidebar Blog. Pada artikel saya sebelumnya tersebut, saya menggunakan text area pada sidebar sebelah kanan blog saya untuk mengajak pengunjung blog yang ingin bertukaran link dengan saya.(sekarang widget tersebut sudah dihapus), pengunjung blog tinggal mencopy kode banner tersebut dengan mudah.

Langsung saja kita pelajari bagaimana cara  membuat kode html  text area. kode ini bisa sobat masukan pada websie atau blog sobat.

Membuat Text Area Biasa

<p align="center"><textarea name="mytextarea" rows="5" cols="40" readonly=""> ISI DENGAN KONTEN YANG DIINGINKAN </textarea></p> 

Hasilnya akan terlihat seperti dibawah ini :



Pada script diatas ada dua parameter yang harus sobat perhatikan, yag pertama adalah cols, yang berarti jumlah karakter yang ditampilkan per baris. Parameter kedua adalah rows yang berarti jumlah baris yang akan ditampilkan pada text area. Jika jumlah baris yang ditampilka nlebih panjang dari text area makan text area akan menampilkan scrolling.

Membuat Text Area Dengan Tombol Higlight

Text area juga bsia ditamplkan dengan tombol higligt, tombol berfungsi untuk menyorot/block semua tek yang ada papda text area tersebut hanya dengan mengklik tombol higlight tersebut. Ini akan membantu pengunjung blog jika ingin mencopy text area yang terlalu panjang.

 <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: 200px; HEIGHT: 100px" name="txt" rows="100" wrap="VIRTUAL" cols="55" readonly="">Masukkan text yang diinginkan di sini. Jika terlalu panjang akan muncul scroll untuk membantu anda membaca keseluruhan teks</textarea></p></div></form>

Nanti akan tampil seperti ini :
Penjelasanya :
  •  WIDTH: 200px Yang menyatakan lebar dari text area sobat nantinya
  • HEIGHT: 100px Yang menyatakan lebar dari text area 
  • value="Highlight All adalah Text yang akan ditampillkan pada tombol
Demikianlah artikel saya yang berjudul Cara Membuat Text Area di Blog, semoga artikel yang saya buat ini bermanfaat bagi sobat semua.

14 Responses so far.

  1. thank sob buat tutorialnya...sukses terpakai di blog saya... :D

  2. @Hilmawan Arga
    Sama-sama sob, semoga blognya semakin sukses dan maju sob.

    Terimakasih juga sob sudah bersedia berkunjung :)

  3. mksih gan buat tutorialnya,, saya akan coba ke bblog saya

  4. @Dhani Ramdhani
    Silahkan gan semoga berhasil.

    Terimakasih juga atas kunjungan dan komentarnya.

  5. Terimakasih gan atas tutorialnya, akan saya terpkan pada blog saya,.,.

  6. qwerty says:

    Kereb gan .,. Mantap!

  7. ngeblog07 says:

    Sangat Membantu . . ,,

  8. Makasih bgt text areanya, ijin pake ya mas.

  9. Ini baru keren sob

  10. Busana Ku says:

    Thq artikelnya, cukup menarik
    http://www.facebook.com/busanaku

  11. mantap dah artikelyna
    http://acemaxs31.com/obat-diabetes-melitus-herbal/

Leave a Reply

Sobat sedang berburu backlink? Silahkan berkomentar sebanyak-banyaknya karena blog ini dofollow. Sobat boleh berkomentar sebanyak-banyaknya dengan syarat :
1. Berkomentar sesuai dengan tema artikel
2. Jangan berkomentar SARA dan Porno
3. Jangan berkomentar menggunakan LINK AKTIF
Berkomentarlah dengan sopan karena komentar sobat tidak akan di moderasi.