Tips Membuat Seleksi Teks Blog

Tips Membuat Seleksi Teks : 

Dengan tips tersebut, kita dapat memberikan kemudahan 





kepada para pengunjung yang ingin melakukan seleksi atas teks tertentu yang memang 





sengaja siapkan untuk tujuan tersebut. Salah satu contoh penggunaan “fasilitas” tersebut 





adalah dapat kita aplikasikan pada sarana tukar link (link exchange). Dengan menambahkan





“fasilitas” tersebut akan memudahkan para pengunjung yang ingin memasang banner link 





kita pada blog mereka masing-masing. Jika tertarik, silakan ikuti tipsnya :





Untuk membuat fasilitas seleksi teks, formatnya adalah seperti di bawah ini.

<div><form name="copy"><div align="center"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/>

<textarea style="WIDTH: 170px; HEIGHT: 100px" name="txt" readonly="readonly" wrap="VIRTUAL">

teks atau tulisan yang diinginkan

</textarea></div></form></div>

Keterangan 

• <div align=”center”> agar button dan kotak menjadi rata tengah


• Kata “Select All” dapat diganti sesuai selera masing-masing.


• Angka pada width menunjukkan lebar kotak yang dapat diubah sesuai kebutuhan.


• Angka pada height menunjukkan tinggi kotak yang juga dapat diubah sesuai kebutuhan.


• Tambahkan Readonly=”readonly” jika ingin teks atau tulisannya tidak dapat berubah/diubah.


• Ganti tulisan "teks atau tulisan yang diinginkan" dengan tulisan yang diinginkan.

Contoh penggunaan seperti di bawah ini.

<div><form name="copy"><div align="center"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/>

<textarea style="WIDTH: 400px; HEIGHT: 125px" name="txt" readonly="readonly" wrap="VIRTUAL">

Untuk mengetahui hasilnya, silakan pengunjung klik button "select all". Setelah diklik maka kita akan melihat bahwa teks atau tulisan ini menjadi terseleksi yang kemudian dapat dicopy dengan cara klik kanan pilih copy (salin) kemudian paste di tempat yang kita inginkan.

</textarea></div></form></div>

Hasil kotak seleksinya seperti di bawah ini.

Contoh aplikasi untuk bertukar link adalah seperti di bawah ini.

<div><form name="copy"><div align="center"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/>

<textarea style="WIDTH: 170px; HEIGHT: 100px" name="txt" readonly="readonly" wrap="VIRTUAL">

<a href="http://www.infonsx.co.cc" target="_blank"><img border="0" src="http://www.geocities.com/yono_pati/mychicklet.gif"/></a>

</textarea></div></form></div>

Hasil kotaknya seperti di bawah ini.

Selamat Mencoba ya!!!