Cara Membuat Text Area dengan Fasilitas Select All
Text area adalah sebuah perintah HTML yang berfungsi untuk membuat kotak yang contohnya seperti dibawah ini:
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 letakkan ke blog anda.
Keterangan:
Teks yang dicetak merah 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.
Nah agar lebih jelas silahkan anda klik tombol Select All yang ada dibawah ini
Ok uda jelaskan. Pingin mencobanya? Klu iya silahkan ikuti petunjuk dibawah ini
Untuk membuat text area dengan tombol Select All berada diatas seperti dibawah ini.
Tambahkan kode ini ke blog anda
Jika anda ingin membuat text area dengan tombol Select All berada dibawah seperti contoh dibawah ini
Maka gunakan kode ini
Keterangan:
- Teks yang dicetak tebal merupakan teks yang muncul pada tombol. Anda bisa menggantinya dengan nama lain.
- Teks berwarna merah adalah teks muncul didalam kotak. Silahkan diganti dengan teks atau kode anda.
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 letakkan ke blog anda.
<div style="text-align: center;"><textarea style="width: 300px; height: 50px; padding:3px">Tulis text ataupun kode yang mau anda tampilkan disini</textarea></div>
Keterangan:
Teks yang dicetak merah 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.
Nah agar lebih jelas silahkan anda klik tombol Select All yang ada dibawah ini
Ok uda jelaskan. Pingin mencobanya? Klu iya silahkan ikuti petunjuk dibawah ini
Untuk membuat text area dengan tombol Select All berada diatas seperti dibawah ini.
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 dibawah ini
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>
Keterangan:
- Teks yang dicetak tebal merupakan teks yang muncul pada tombol. Anda bisa menggantinya dengan nama lain.
- Teks berwarna merah adalah teks muncul didalam kotak. Silahkan diganti dengan teks atau kode anda.
By : Bang Udin
Gunakan ----{ CTRL + F }---- Untuk Mencari Artikel
----------------------------------------------------------------------------------
Postingan Baru :
- Cara membuat link berkedip ketika cursor melintas
- Cara Membuat Effect Snow Atau Tabur Salju Di Blog
- Cara Intalasi Windows Seven ( 7 ) Lengkap
- Code Rahasia Semua Type Handphone Lengkap
- Kode BenQ Siemens
- Kode Akses Nokia dengan berbagai tipe
- Kode Akses Sony Ericsson
- Kode Akses Nokia
- Kode Rahasia LG
- Kode Rahasia Samsung
- Kode Rahasia Umum Phonsel Java Dan Symbian
- Cara Daftar Dan Merubah Domain Blogspot Ke .CO.TV
- Cara Membuat Cursor Bertabur Bintang
- Cara Daftar Blog Ke Google
- Cara Pasang Meta Tag Di Blogger SEO Friendly
- Cara Memasang Share Pack (Share Post To Social Boo...
- Cara memasang sharing is sexy di blogspot
- Cara Membuat Taskbar Ato Toolbar Melayang Di Blog
- Cara Membuat Shoutmix Tersembunyi
- Cara Membuat Link Warna - Warni Pelangi Di Blog
- cara memasang meta tag
- Cara pasang video di blog
- Cara Membuat Link Berkedip Warna Warni
- Tempat Ganti Code Warna
- Cara Menu Tab View di Samping
- Cara Membuat Tulisan / text Berkedip
- Cara Membuat Menu Melayang
- Efek Marquee untuk Banner Berjalan
- Salam Pembuka Sesuai Dengan Settingan Waktu
- Mengganti Icon Blogger
- Cara membuat addres bar berjalan
terimakasih sahabat,,,, saya coba tipsnya ternyata langsung berhasil sekali lagi terimakasih yaaaa
BalasHapusjasa penerjemah :
BalasHapussama-sama sahabat saya senang sahabat berhasil mencobanya tanks banyak buat sahabatq.