cara membuat text area dengan fasilitas select all

Text area adalah sebuah perintah HTML yang berfungsi untuk membuat kotak yang contohnya seperti dibawah ini:

Tulis text ataupun kode yang mau anda tampilkan disini

Kotak ini biasa digunakan untuk mengisi kode-kode pada postingan maupun untuk membuat kotak link exchange. Nah bagi anda yang ingin mencobanya caranya sangat mudah. Anda cukup copy kode dibawah ini lalu paste setiap anda mau membuat text area di postingan anda, atau bisa juga di pastekan di side bar blog anda.

slamat mencoba......!

<div style="text-align: center;"><br /> <textarea style="height: 50px; padding: 3px; width: 300px;">Tulis text ataupun kode yang mau anda tampilkan disini</textarea></div>

Keterangan:
Tulis text ataupun kode yang mau anda tampilkan disini merupakan teks yang muncul pada kotak. Silahkan diganti dengan teks atau kode anda.
center menunjukkan posisi kotak ditengah. Jika anda ingin meletakkan dikiri maka ganti dengan left atau right jika anda ingin meletak disebelah kanan
width merupakan lebar kotak dan height merupakan tinggi kotak. Silahkan diganti sesuai keinginan.

Membuat kotak teks/text area dengan fasilitas Select All
Tadi kita sudah membahas tentang cara membuat text area. Nah sekarang kita akan membahas tentang kelanjutannya yaitu text area dengan tombol select all. Tombol select all adalah sebuah tombol yang digunakan untuk menghighlight seluruh teks yang berada didalam text area sehingga kita atau pengunjung bisa lebih mudah untuk mengcopy seluruh teks atau kode yang berada dalam text area.


Pingin mencobanya? Klu iya silahkan ikuti petunjuk dibawah ini


Untuk membuat text area dengan tombol Select All berada diatas seperti dibawah ini.

Tulis text ataupun kode yang mau anda tampilkan disini

Tambahkan kode ini ke blog anda

<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: 300px; height: 50px;" name="txt">Tulis text ataupun kode yang mau anda tampilkan disini</textarea></p></form>

Jika anda ingin membuat text area dengan tombol Select All berada dibawah seperti contoh ini :

Tulis text ataupun kode yang mau anda tampilkan disini

Maka gunakan kode ini

<form name="copy"><div style="text-align: center;"><textarea style="padding: 3px; width: 300px; height: 50px;" name="txt">Tulis text ataupun kode yang mau anda tampilkan disini</textarea></div><p align="center"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/></p></form>

mudah ya.... semoga bermanfaat

tips and trick blogger

• cara mengetik cepat dengan 10 jari
• status fb via bb...? ngga keren, yang keren via wc umum, hp pinjaman dll
• Cara Buat Lampu Keybord Kedap-kedip
• cara tahu isi chatt (voice chatt) orang lain
• cara tahu ip address, dan hal penting lainnya
• cara menjadikan hp kamu menjadi hotspot
• cara tau teman ym itu invisible atau bener bener off
• cara daftar blog ke 40 mesin cari (search engine)
• membuat image dibawah komentar
• membuat related post sistem Jquery dengan mudah
• cara membuat text berputar mengikuti mouse
• cara mendapatkan rank tinggi termudah
• bikin tulisan terbalik di face book
• tip-tip
• cara menampilkan script HTML di postingan
• cara membuat daftar isi otomatis
• cara membuat artikel terkait (related post) dibawah postingan
• cara membuat blog dengan ponsel / hp
• pasang link pelangi di blog
• cara pasang lintas berita di blog
• memasang google translator berbentuk berdera
• cara buat jam animasi di blog
• Cara Membuat Fasilitas print di blog
• Cara Membuat Read More / Baca Selengkapnya di Blogger