Membuat Text Area dengan Sellect All

Assalamu'alaikum wr.wb
Penampilan atau fashion blog dalam sebuah postingan dalam blog juga mempengaruhi kenyamanan pengunjung dalam mendapatkan info dari blog kita. Setelah dibahas mengenai cara mencantumkan kode HTML pada postingan, dan membuat text area, kali ini kita akan memperbaiki atau menambah fasilitas text area dengan Sellect All. Sehingga lebih memudahkan para pengunjung untuk mengkopi sesuatu yang ingin kita sampaikan.
Seperti kode-kode atau yang lainnya.
Caranya yaitu seperti berikut:

1. Text Area

<form name="copy"><div align="center"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/></div><p style="text-align: center;"><textarea style="padding: 3px; width:200px; height:30px;" name="txt"> disini tempat memasukkan kode / text anda</textarea></p></form>



2. Text Box Area

<style
type="text/css"> .codebox{ border: 2px solid #04D43A;
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
background:#06CDEB; padding:5px;}
.codebox2{ background:#836E2C; padding:10px } </style>
<div class="codebox"> <div class="codebox2"><center><b>KLIK "SELECT ALL" UNTUK MELAKUKAN COPY PASTE</center></b></a></div>
<form style="font-family: monospace; font-size: 8pt;"
name="copy"><center><input value="Select All"
onclick="javascript:this.form.txt.focus();this.form.txt.select();"
type="button"/></center>
<textarea dir="ltr" cols="200px" name="txt" rows="30px"
style="width: 100%;">disini tempat memasukkan kode / text anda</textarea>
</form></div>



Keterangan:

* Width/Cols adalah lebar Text Area/Textbox Area;
* Height/Rows adalah tinggi Text Area/Textbox Area;

Baca juga Artikel Ini:

- Membuat daftar artikel dengan Tumbnail gambar
- membuat text berkedip
- Memberi efek salju pada blog
- menulis Meta tag descripsi yang baik

Share this

Related Posts

Previous
Next Post »