Tips dan Trik Membuat Teks Area

Text Area Biasa

Biasanya text area di gunakan untuk menyimpan kode-kode Html/Javascript ataupun text lainnya agar bisa di copy oleh para pengunjung.

Untuk membuat text area, silahkan anda Copy kode di bawah ini :

<div align="center">
<textarea cols="20" name="code" readonly="" rows="6">Blog Pribadi Abu Iram Al-Atsary Catatan Tentang : |Aqidah|Fiqih|Akhlaq|Fatwa|Hadits|Tafsir|Ilmu Hadits|Keluarga|Sejarah Nabi Dan Ulama|Kajian Kitab|Tutorial Blog dan SEO|Ebook|Free Download|Mp3|Bedah kitab|software|Dunia Remaja|Majmu Fatawa|Fatwa|Keyboard Arabic|Widget|Kitab Tauhid|Artikel Lepas |Kitab Arabic Online| </textarea></div>

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



Hasilnya akan seperti di bawah ini :

Blog Pribadi Abu Iram Al-Atsary Catatan Tentang : |Aqidah|Fiqih|Akhlaq|Fatwa|Hadits|Tafsir|Ilmu Hadits|Keluarga|Sejarah Nabi Dan Ulama|Kajian Kitab|Tutorial Blog dan SEO|Ebook|Free Download|Mp3|Bedah kitab|software|Dunia Remaja|Majmu Fatawa|Fatwa|Keyboard Arabic|Widget|Kitab Tauhid|Artikel Lepas |Kitab Arabic Online|

Text Area Dengan Memakai HighLight /Select

Highlight atau Select All,yaitu dimana saat kita tekan tombol Select All,maka kode dalam text area akan otomatis terblok semua.

Untuk kodenya,copy paste di bawah ini :

<div>
<form name="Select All code">
<div align="left" style="margin-bottom: 0; margin-top: 0;">
<textarea cols="20" name="txt" readonly="" rows="100" style="height: 120; width: 184;" wrap="VIRTUAL">Blog Pribadi Abu Iram Al-Atsary Catatan Tentang : |Aqidah|Fiqih|Akhlaq|Fatwa|Hadits|Tafsir|Ilmu Hadits|Keluarga|Sejarah Nabi Dan Ulama|Kajian Kitab|Tutorial Blog dan SEO|Ebook|Free Download|Mp3|Bedah kitab|software|Dunia Remaja|Majmu Fatawa|Fatwa|Keyboard Arabic|Widget|Kitab Tauhid|Artikel Lepas |Kitab Arabic Online| </textarea></div>
</form>
</div>
<div align="left" style="margin-bottom: 0; margin-top: 0;">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All/Pilih semua" />

Contoh hasilnya :

Blog Pribadi Abu Iram Al-Atsary Catatan Tentang : |Aqidah|Fiqih|Akhlaq|Fatwa|Hadits|Tafsir|Ilmu Hadits|Keluarga|Sejarah Nabi Dan Ulama|Kajian Kitab|Tutorial Blog dan SEO|Ebook|Free Download|Mp3|Bedah kitab|software|Dunia Remaja|Majmu Fatawa|Fatwa|Keyboard Arabic|Widget|Kitab Tauhid|Artikel Lepas |Kitab Arabic Online|

Yang berperan penting untuk highlightnya sebenarnya hanya pada kode

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

jadi,jangan sampai dirubah ya