Membuat Text Box Copy Paste Pada Artikel

Seringkali kita sangat membutuhkan tools cara copy paste yang cepat tanpa harus menekan shift lalu menyeretkan mouse ke bagian teks yang akan di copy. Karena para pengunjung ingin merasakan instal atau efisien lebih cepat. Nah dari situlah saya membuat artikel ini karena banyak sekali yang mencari cara membuat text box copy paste ini.

Hasil gambar untuk membuat text box untuk copy all  css di blog

Anda hanya tinggal masukan saja script kode dibawah ini

 <div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus (); this.form.txt.select ();" type="button" value="Copy All" </div><div align="center"></div><p align="center"><textarea style="widht: 150px; height: 50px" name="txt" rows="35" wrap="virtual" cols="25">Coba Copy All Semua Teks di Yuk Tebar Ilmu</textarea></p></div></form>

Anda bisa mengganti teks yang di beri tanda merah itu dengan yang anda inginkan.
Buat Entri baru, kemudian klik pada bagian HTML bukan Compose.
Masukan kode diatas. Jika sudah kembalikan posisi pada bagian tab Compose dan anda tinggal masukan script kode apa saja yang akan disimpan tersebut.

Mudah bukan. Langsung saja tinggal praktekan ya.
Ohya ini ada sedikit keterangan untuk script kode text box itu. (Jika kalian ingin mengubah beberapa teks nya)

SCRIPTT UNTUK MEMBUAT TOMBOL COPY ALL



  • Script <form name="copy"> secara umum, form berfungsi untuk menampung elemen-elemen yang nantinya akan di masukan ke dalam sebuah objek. Elemen itu di beri nama fungsi copy.
  • <div align="center"> merupakan sebuah elemen yang digunakan untuk mengatur posisi, layout web/blog yang anda buat, dan pada fungsi tag div disini mengatur posisi buton Copy All berada di tengah "center" untuk posisi yang lain kiri "left" dan kanan "right"
  • <input onclick="javascriptt:this.form.txt.focus (); this.form.txt.select (); maksudnya adalah ketika tombol Copy all di klik maka seluruh isi pada Box Text Area akan diblok dan terselesi semuanya, ini merupakan printah utama dari Java Script Buton Copy All, diharapkan untuk tidak di hapus oleh anda.
  • value="Copy All" merupakan tulisan yang terdapat di tengah tengah buton/tombol Copy All, Tulisan ini bisa anda ganti dengan tulisan yang anda inginkan.  


SCRIPT UNTUK MEMBUAT BOX TEXT AREA UNTUK SCRIPT

  • <textarea style="widht: 150px; height: 50px" name="txt" rows="35" wrap="virtual" cols="25"> silahkan anda anda menuliskan script sesuka anda anda </textarea> Ini script yang di gunakan untuk membuat Box Text Area Script dengan Copy All.
  • style="widht: 150px; ini untuk ukuran lebar, ukuran ini bisa anda sesuaikan misalnya 500px atau yang lainnya di sesuaikan dengan kebutuhan anda. Begitu juga untuk tinggi height: 50px" bisa di sesuaikan.

Selamat mencoba

Terima kasih anda telah membaca artikel Membuat Text Box Copy Paste Pada Artikel. Jika anda kurang paham silahkan berkomentar dibawah & Ada baiknya jika artikel ini bermanfaat Share ke saudara atau teman anda.

Related Posts:

1 Response to "Membuat Text Box Copy Paste Pada Artikel"

  1. Halo semuanya, saya Rika Nadia, saat ini tinggal orang Indonesia dan saya warga negara, saya tinggal di JL. Baru II Gg. Jaman Keb. Lama Utara RT.004 RW.002 No. 26. Saya ingin menggunakan media ini untuk memberikan saran nyata kepada semua warga negara Indonesia yang mencari pinjaman online untuk berhati-hati karena internet penuh dengan penipuan, kadang-kadang saya benar-benar membutuhkan pinjaman , karena keuangan saya buruk. statusnya tidak begitu baik dan saya sangat ingin mendapatkan pinjaman, jadi saya jatuh ke tangan pemberi pinjaman palsu, dari Nigeria dan Singapura dan Ghana. Saya hampir mati, sampai seorang teman saya bernama EWITA YUDA (ewitayuda1@gmail.com) memberi tahu saya tentang pemberi pinjaman yang sangat andal bernama Ny. ESTHER PATRICK Manajer cabang dari Access loan Firm, Dia adalah pemberi pinjaman global; yang saya hubungi dan dia meminjamkan saya pinjaman Rp600.000.000 dalam waktu kurang dari 12 jam dengan tingkat bunga 2% dan itu mengubah kehidupan seluruh keluarga saya.

    Saya menerima pinjaman saya di rekening bank saya setelah Nyonya. LADY ESTHER telah mentransfer pinjaman kepada saya, ketika saya memeriksa saldo rekening bank saya dan menemukan bahwa jumlah Rp600.000.000 yang saya terapkan telah dikreditkan ke rekening bank saya. dan saya punya buktinya dengan saya, karena saya masih terkejut, emailnya adalah (ESTHERPATRICK83@GMAIL.COM)

    Jadi untuk pekerjaan yang baik, LADY ESTHER telah melakukannya dalam hidup saya dan keluarga saya, saya memutuskan untuk memberi tahu dan membagikan kesaksian saya tentang LADY ESTHER, sehingga orang-orang dari negara saya dan kota saya dapat memperoleh pinjaman dengan mudah tanpa stres. Jadi, jika Anda memerlukan pinjaman, hubungi LADY ESTHER melalui email: (estherpatrick83@gmail.com) silakan hubungi LADY ESTHER Dia tidak tahu bahwa saya melakukan ini tetapi saya sangat senang sekarang dan saya memutuskan untuk memberi tahu orang lain tentang dia, Dia menawarkan semua jenis pinjaman baik untuk perorangan maupun perusahaan dan juga saya ingin Tuhan memberkati dia lebih banyak,

    Anda juga dapat menghubungi saya di email saya: (rikanadia6@gmail.com). Sekarang, saya adalah pemilik bangga seorang wanita bisnis yang baik dan besar di kota saya, Semoga Tuhan Yang Mahakuasa terus memberkati LADY ESTHER atas pekerjaannya yang baik dalam hidup dan keluarga saya.
    Tolong lakukan dengan baik untuk meminta saya untuk rincian lebih lanjut tentang Ibu dan saya akan menginstruksikan, dan ada bukti pinjaman, hubungi LADY ESTHER melalui email: (estherpatrick83@gmail.com) Terima kasih semua

    ReplyDelete

Jika ada kurang paham atau mau memberikan tambahan ilmu tentang hal serupa segera layangkan pada kolom komentar. Karena ilmu yang kita miliki mesti kita amakan karena itu akan berbuah pahala bagi pengamal dan pemberi ilmunya.

"Barangsiapa yang menunjuki kepada kebaikan maka dia akan mendapatkan pahala seperti pahala orang yang mengerjakannya.” (HR. Muslim no. 1893).

Kode Emoticon :



Your Ads Here 970x90
Di desain dengan sepenuh oleh Marwan Abdul Anwar | Font & Ikon : SSP ▪ Fontawesome