Kotak Text Area Dengan Tombol Select All

Mungkin sobat sudah melihat menu "tukaran link" dari blog ini, sobat akan menemukan kode linkbanner blog ini yang saya bingkai dalam kotak bertombol select all. Nah! mungkin sobat ingin mencoba membuat kotak text area bertombol select all. Dengan membuat ini, dapat mempermudah para pengunjung blog sobat untuk menyeleksi teks atau kode pada kotak text area dengan cepat, jadi tidak perlu diseleksi secara manual cukup dengan menekan tombol select all.

Berikut caranya:

Sobat hanya perlu mengcopy-pastekan kode dibawah ini kedalam postingan atau elemen halaman blog sobat.

<form name="copy"><div align="left"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/></div><textarea style="padding: 3px; width:200px; height:60px" name="txt";>Teks Anda</textarea>

Ket:

• Kode berwarna merah dapat sobat ganti dengan teks, gambar atau link.


• Kode berwarna biru adalah tinggi dan lebar dari kotak teks yang dapat sobat atur dan sesuaikan.


• Kode berwarna hijau adalah letak dari tombol select all yang dapat sobat ganti menjadi left (kiri), right (kanan) dan center (tengah).

Selamat mencoba...
Semoga berguna dan bermamfaat...

Artikel Terkait:

Blogger

• Cara membuat tombol minimize dan maximize
• Cara Membuat Daftar Isi Dengan Jquery
• Cara Membuat Kotak Area Dengan Efek Membesar Saat Disorot Mouse
• Cara Membuat Link Bergoyang Dengan Javascript
• Post Populer dengan Animasi
• Konten Bundar Slide
• Cara membuat Label cloud berputar di blog
• Putar Gambar dengan CSS3 tanpa Javascript
• Pasang Modus Hemat Energi di Blog
• Membuat Tombol Top Up
• Gambar Dengan Efek Zooming di Blog
• Cara Membuat Browser Berputar
• Cara Membuat Efek Coret Pada Postingan
• Image Gallery Menggunakan Jquery 1.4.2
• Cara Menampilkan Favicon Di Semua Browser
• Cara Membuat Random Post Di Blogger
• Cara membuat Artikel Terkait Dengan Gambar/Thumbnails
• Cara Mudah Pasang Emoticon Di Kotak Komentar
• Cara Pasang Head Line News
• Membuat Artikel Terkait Dengan Fungsi Scroll
• Cara Membuat Fitur Reply Pada Kotak Komentar
• Cara Mudah Membuat Recent Post Bergambar Dengan Efek Naik Tangga
• Cara menampilkan Icon Di Judul Postingan
• Memanipulasi Tampilan Jumlah Komentar