Cara Membuat Text Area di Blog

Pada kali ini saya akan coba berbagi cara membuat text area di blog, mungkin anda belum tau apa itu text area, text area adalah sebuah kolom untuk menempatkan kode HTML, yang akan memudahkan pengunjung untuk mengcopy kode-kode di text area tersebut, saya akan membagikan tiga bentuk model cara membuat text area dipostingan ini, selamat menyimak :


1.Tentukan kode atau text, yang akan dimasukkan pada text area, bila sudah tempatkan kode tersebut diantara kode-kode berikut :

1.a Text Area tanpa tombol :

<div style="text-align: center;"><textarea style="width: 300px; height: 50px; padding:3px">Tulis text ataupun kode yang mau anda tampilkan disini</textarea></div>

Contohnya :

Tulis text ataupun kode yang mau anda tampilkan disini

1.b Text Area dengan tombol diatas :

<form name="copy"><div align="center"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/></div><p style="text-align: center;"><textarea style="padding: 3px; width: 300px; height: 50px;" name="txt">Tulis text ataupun kode yang mau anda tampilkan disini</textarea></p></form>

Contohnya :

Tulis text ataupun kode yang mau anda tampilkan disini

1.c Text Area dengan tombol dibawah :

<form name="copy"><div style="text-align: center;"><textarea style="padding: 3px; width: 300px; height: 50px;" name="txt">Tulis text ataupun kode yang mau anda tampilkan disini</textarea></div><p align="center"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/></p></form>

Contohnya :

Tulis text ataupun kode yang mau anda tampilkan disini

Catatan :

• Tulisan yang saya beri warna kuning pada kode text area adalah tempat menaruh kode atau text.
• widht dan Height, anda bisa ubah sesuai dengan kebutuhan.
• Anda juga bisa taruh disidebar blog anda. 
• Bila anda ingin Text Area anda supaya tidak bisa diapus anda tambah readonly=readonly" sebelun text yang akan disisipi tepatnya sebelum ">" tanpa tanda petik.

Contohnya : 

Text area yang bisa dihapus, lihat contoh-contoh diatas

Text Area yang tidak bisa dihapus :

<div style="text-align: center;"><textarea style="width: 300px; height: 50px; padding:3px"readonly=readonly">Tulis text ataupun kode yang mau anda tampilkan disini</textarea></div>

Hasilnya :

Tulis text ataupun kode yang mau anda tampilkan disini

Jadi pada intinya hanya ditambah "readonly=readonly"

Sampai disini dulu, semoga bermanfaat.

Link: Cara Membuat Password Yang Aman