Highlight Teks Area Untuk Blogspot

Teks area merupakan suatu ruang untuk menyimpan teks atau tulisan dengan membentuk area baru. seperti kebiasaan orang, teks area biasanya digunakan untuk menyimpan kode-kode HTML atau teks agar menjadi pembeda dalam penyajian penulisan, untuk jelasnya perhatikan contoh ini.

Semoga tulisan yang ada diblog ini bisa bermanfaat untuk para pembacanya dan bisa memberikan tambahan ilmu pengetahuan terutama dalam proses pembuatan teks area, terima kasih

<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>
<div align="center">
<textarea cols="15" name="txt" rows="50" style="height: 60px; width: 350px;" wrap="VIRTUAL">Semoga tulisan yang ada diblog ini bisa bermanfaat untuk para pembacanya dan bisa memberikan tambahan ilmu pengetahuan terutama dalam proses pembuatan teks area, terima kasih</textarea></div>
</form>
</div>

kode tersebut diatas adalah yang membentuk contoh teks area yang menggunakan tombol highlight.

Keterangan Elemen :

* <div align="center"> dan <p align="center"> : merupakan kode untuk mengatur posisi tombol highlight berada pada posisi tengah dan <p align="center"> untuk menempatkan kotak teks area pada posisi tengah, untuk customisasi sendiri bisa dirubah kesebelah kiri atau kanan dengan mengganti kata center dengan left atau right.

* style="height: 50px; width: 300px;" : untuk merubah ukuran panjang dan lebar teks area.

* <input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"> : keterangan ketika tombol highlight di klik, maka seluruh isi akan terpilih atau di blok.

N/B : apabila isi dari teks area panjang sedangkan kotak teks areanya kecil, nantinya teks area akan membentuk tombol scroll secara otomatis.

Untuk penambahan Style Teks Area yang lain, bisa melihat yang ini "Teks Area Dengan Background"

Semoga bermanfaat.