Bagaimana Cara Membuat Text Area di Blog?

Bagaimana Cara Membuat Text Area di Blog?
text area HTML
Bagaimana Cara Membuat Text Area Dengan Highlight? - Text area adalah sebuah kolom yang 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 highlight agar memudahkan pengunjung melakukan copy isi text area

Langsung saja kita mempelajari bagaimana cara  membuat kode HTML untuk text area. Kode ini bisa saudara masukkan di website ataupun blog anda:

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 di bawah ini :



Ada dua parameter yang perlu anda perhatikan, yang pertama adalah cols, yang berarti jumlah karakter yang ditampilkan per baris. Parameter kedua adalah rows yang berarti jumlah baris yang akan ditampilkan oleh text area, jika jumlah baris yang diketik lebih panjang dari yang disediakan makan text area akan menampilkan scrolling.

Membuat Text Area dengan Tombol Highlight

Text area juga bisa dibuat dengan menambahkan fungsi highlight, di mana fungsi ini akan menyorot semua text yang berada di dalam text area. Ini akan membantu pengunjung blog jika ingin mengcopy isi dari text area yang terlalu panjang. Langsung saja kita lihat contoh kode html berikut ini:

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

Sebagai contoh :

Kode di atas mempunyai dua bagian utama, yaitu yang membuat fungsi highlight dan yang membuat fungsi text area. Dari semuanya ada beberapa kode yang bisa diubah yaitu:
  • Height: 100px yang menyatakan tinggi text area anda nantinya
  • Width: 200px yang menyatakan lebar dari text area
  • Value="Highlight All" adalah text yang akan ditampilkan pada tombol
Jadi silahkan diedit text area ini sesuai kebutuhan anda.
Thanks sudah mampir gan.... jangan lupa add ya
https://www.facebook.com/ricky.pratama.12139
Jika tidak keberatan mohon vote-nya untuk blog saya di sosmed, thanks berat gan!
TIDAK PUNYA WAKTU MENCARI BACKLINK?

JASA BACKLINK TRIKMUDAHSEO
(KLIK LINK DI ATAS)
Info: Kursus SEO sudah tidak buka karena kesibukan online dan offline yang semakin meningkat. Harap maklum....dan terima kasih sudah berkunjung.

Silahkan Berkomentar

 
TIDAK PUNYA WAKTU MENCARI BACKLINK?

JASA BACKLINK TRIKMUDAHSEO
(KLIK LINK DI ATAS)
Info: Kursus SEO sudah tidak buka karena kesibukan online dan offline yang semakin meningkat. Harap maklum....dan terima kasih sudah berkunjung.

Mencari Sesuatu?

Masukkan kata kunci topik yang diinginkan. Misalnya meta description, onpage, atau apa saja

Popular Posts

Google + Saya

Google+ Followers

Blog Followers

BLOG INI ONLINE SEJAK
22 MARET 2012
HATI-HATI COPY PASTE
Diharapkan agar tidak melakukan copy paste. Untuk pengutipan diharapkan disertai link ke halaman artikel di blog ini. Terima Kasih atas pengertiannya

Powered by Blogger.