Gimana cara membuat text area dengan fungsi one click select ?

Kita pernah melihat sebuah blog yang berisikan sebuah kotak dengan tombol "Copy" atau "Select All" di atasnya. gimana, sih cara membuatnya? sebenarnya tidak sulit kok. caranya cukup mudah, sehingga kita tidak terlalu kesulitan. tujuan untuk membuat fungsi one click select, adalah agar pengunjung tidak kesulitan dalam memblock text seperti memblock script - script yang panjang.

oke, langsung saja kita bereksperimen, berikut caranya:

1. masuk ke blogger
2. pilih edit entri > lalu pilih HTML
3. copas kode berikut:


<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();"type="button" value="Select All"> </div><div align="center"></div><palign="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt"rows="100" wrap="VIRTUAL" cols="55">Isi Dengan Teks Sobat</textarea></p></div></form>

4. Kembali ke Compose, lihat hasilnya.

hasilnya seperti ini:

Blog Iqrar Blog Iqrar Blog Iqrar Blog Iqrar Blog Iqrar Blog Iqrar Blog Iqrar Blog Iqrar Blog Iqrar Blog Iqrar Blog Iqrar Blog Iqrar Blog Iqrar Blog Iqrar Blog Iqrar Blog Iqrar Blog Iqrar Blog Iqrar Blog Iqrar Blog Iqrar

Ubah teks warna kuning dengan teks atau link ataupun script yang ingin sobat isi, sobat juga bisa mengubah nama tombol button dengan yang sobat inginkan dengan mengubah teks warna hijau. Contoh: Copy, Select All, dll. 

Oke, Sob. Semoga artikel di atas bermanfaat. Jika ada yang kurang mengerti, silakan poskan komentar.