cara membuat textarea copy paste pada blog dengan model model tertentu

loading...

agar blog terlihat rapi dan bersih tentunya harus membuat bagaimana  agar terbentuknya rapi contoh

membuat area copy paste  

gambar1.1

 

berikut ini beberapa code untuk membuat area copy paste di blog 

1.biasa

code :

 <textarea>isi dari teks area</textarea>

contoh:
isi dari teks area

2.standar

code:

<div align="center"><textarea name="code" rows="2" cols=35">Masukkan teks/kode disini !! teks/kode tersebut adalah teks/kode yang akan tampil sebagai isi dari "text area" yang dibuat</textarea></div>

contoh:

Masukkan teks/kode disini !! teks/kode tersebut adalah teks/kode yang akan tampil sebagai isi dari "text area" yang dibuat

3.terblok semua sekali klik

code:

<div align="center"><textarea rows="2" cols="35" onclick="this.focus(); this.select();">Coba klik teks ini !!</textarea></div>

contoh:

Coba klik teks ini !!

4.ada tombol highlight

code:

<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><p align="center"><textarea style="WIDTH: 200px; HEIGHT: 100px" name="txt" rows="100" wrap="VIRTUAL" cols="55">Masukkan text yang diinginkan di sini. Jika terlalu panjang akan muncul scroll untuk membantu anda membaca keseluruhan teks</textarea></p></div></form>

contoh:

Masukkan text yang diinginkan di sini. Jika terlalu panjang akan muncul scroll untuk membantu anda membaca keseluruhan teks

5.terblog saat mouse menyentuh text

code:

<div><form name="rahmadhidayat">
<div align="center" style="margin-bottom: 0pt; margin-top: 0pt;">
<textarea ;="" cols="55" name="txt" onmouseover="this.form.txt.select()" rows="100" style="height: 50px; width: 300px;">coba arahkan mouse ke teks ini !!</textarea></div>
</form>
</div>

contoh:

coba arahkan mouse ke teks ini !!

6.garis pinggir atau boder

code:

<div align="center"><textarea cols="35" rows="2" style="border: 2px dotted red ;">Tulis apa aja deh.. terserah !!</textarea></div> 

Tulis apa aja deh.. terserah !!

pilihlah jenis yang mau sobat letakan di blog sobat semoga bermanfaat ,salam blog tutorial

loading...