Cara Membuat Text Area dan Textbox Area Berfasilitas Select All

Apakah anda pernah dengar atau membaca tentang Text Area dan Textbox Area.
Text Area dan Textbox Area mempunyai fungsi yang sama yaitu sebagai tempat menyimpan data dalam bentuk text maupun kode HTML/Javascript, baik di dalam postingan maupun di sidebar blog. Manfaat lain dari Text Area maupun Textbox Area adalah untuk menghemat halaman posting agar tidak terlalu panjang.

Berikut contoh dari Text Area:

disini tempat memasukkan kode / text anda

Contoh pengguna'an Textbox Area:

KLIK "SELECT ALL" UNTUK MELAKUKAN COPY PASTE

disini tempat memasukkan kode / text anda

Adapun Cara Membuat Text Area dan Textbox Area Berfasilitas Select All adalah masukan kode di bawah ke dalam posting atau sidebar blog Anda. Berikut ini kodenya:

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. Textbox 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 &quot;SELECT ALL&quot; 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;
* disini tempat memasukan kode / text anda, disitulah tempat Anda menyimpan text atau kode




Selamat mencoba

Baca Juga Artikel Lain Berikut ini:

* Cara Menambahkan Tampilan Jam Pada Blog
* Cara Membuat Tulisan Berkedip-kedip
* Cara Menambah Image Pada Link Download
* Membuat Tulisan Bergerak
* Cara Mengganti Template Pada Blogspot
* Cara Menambahkan Gambar Slideshow Pada Blog
* Menambahkan Dafter Isi Pada Blog
* Menambahkan Tampilan Video Kedalam Blog
* Cara Membuat Menu Dropdown Standart
* Cara Membagi Postingan Menjadi Dua Kolom
* Cara Merubah Domain Dari Blogspot Menjadi .co.cc
* Memberi Background Warna Pada Tulisan Postingan
* Cara Membuat Pop-up
* Membuat Link Dalam Gambar
* Cara Membuat Kotak Tabel Dalam Postingan
* Cara Membuat Menu Drop Down Menggunakan CSS Menu Maker
* Membuat Kolom Scroll
* Cara Membuat Share Artikel
* Cara Membuat Text Area dan Textbox Area Berfasilitas Select All
* Cara Membuat Readmore
* Cara Membuat Iklan Melayang