Membuat Text Area Pada Postingan

Pada kesempatan kali ini saya akan share cara membuat Text Area, yang mana tujuan dari pembuatan text area ini sebagai tempat untuk meletakkan code html atau javascript ataupun text laennya yang bisa dicopy oleh pengunjung situs anda.
Adapun caranya sebagai berikut:

Untuk Text Area Biasa tambahkan code html dibawah ini:

<p align="left"><textarea name="code" rows="5" cols="20" readonly>Selamat datang di Blog saya....Semoga Blog saya ini berguna bagi anda</textarea></p>


Keterangan :
rows="5", menunjukan tinggi dari text area.
Cols="20", menunjukan lebar dari text area.

Hasilnya akan seperti di bawah ini :

Selamat datang di Blog saya....Semoga Blog saya ini berguna bagi anda

Untuk Text Area yang memakai highLight/select dimana saat kita tekan tombol Select All,maka kode dalam text area akan otomatis terblok semua.

tambahkan code html berikut:

<form name="copy"><div align="center"><p style="margin-top: 0pt; margin-bottom: 0pt;" align="left"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Select All" type="button"><br /></p></div><p style="margin-top: 0pt; margin-bottom: 0pt;" align="left"><textarea style="width: 318px; height: 73px;" name="txt" rows="100" wrap="VIRTUAL" cols="55" readonly="readonly">Selamat datang di Blog saya....Semoga Blog saya ini berguna bagi anda</textarea></p></form>

Hasilnya seperti ini:

Selamat datang di Blog saya....Semoga Blog saya ini berguna bagi anda

Yang berperan penting untuk highlightnya sebenarnya hanya pada code

<input onclick="javascript:this.form.txt.focus();this.form.txt.selec()">

Dan untuk Text Area select otomatis saat cursor mengenai tulisan tambahkan code html berikut:

<form name="TOMJERRXStyle"><p style="margin-top: 0pt; margin-bottom: 0pt;" align="left"><textarea style="width: 233px; height: 92px;" name="txt" rows="100" cols="55" onmouseover="this.form.txt.select()" readonly="readonly">Selamat datang di Blog saya....Semoga Blog saya ini berguna bagi anda</textarea></p></form>

Dan hasilnya:

Selamat datang di Blog saya....Semoga Blog saya ini berguna bagi anda

Text Area sekali klik langsung terblok semua, tambahkan code berikut :

<textarea cols="50" name="code" onclick="this.focus(); this.select();" rows="3" style="height: 128px; margin: 2px; width: 360px;">Selamat datang di Blog saya....Semoga Blog saya ini berguna bagi anda</textarea>

Hasilnya :
Selamat datang di Blog saya....Semoga Blog saya ini berguna bagi anda

Demikianlah Tips n Trick kali ini semoga bermanfaat