Kam. Feb 20th, 2020

Belajar Bersama Kawan

Kumpulan Tutorial Tentang VPS, Linux, Wordpress dan Lain Sebagainya

Salin Tulisan Otomatis Dengan Sekali Klik

1 min read

Salin Tulisan Otomatis – Kadang kita sering menemukan sebuah website penjualan yang menampilkan kode promo dengan hanya mengklik kode tersebut maka otomatis kode akan tersalin otomatis tanpa harus mengetik ulang. Sebagai contoh website penjualan hosting niagahoster, seperti pada gambar dibawah ini yang saya lingkari adalah kode promo dimana jika kamu klik akan tersalin otomatis.

Tentu fasilitas tersebut memudahkan pengunjung/pembeli yang tidak mau repot untuk mengetik ulang apalagi kode promo yang ditampilkan panjang dan sulit dibaca.

Bagaimana Salin Tulisan Otomatis Dengan Sekali Klik?

Untuk membuat fitur seperti itu cukup mudah, berikut langkahnya:

  • Buat pos baru lalu pilih element [/] Shortcode
  • Paste javascript berikut kedalam kolom Shortcode
<script type="text/javascript">
    function copy_text() {
        document.getElementById("pilih").select();
        document.execCommand("copy");
        alert("Kode Promo Sudah Tersalin.");
    }
</script>

<div align="center">
<input type="text" align="center" value="CONTOH_KODE" id="pilih" onclick="copy_text()" /></div>
  • Pada bagian code <div> …. </div> untuk tampilannya kamu bisa sesuaikan dengan kreatifitas kamu.
  • Maka nanti hasilnya akan seperti ini, silakan klik untuk mencoba.

C O N T O H

Demikian tutorial cara membuat Salin Tulisan Otomatis, semoga bermanfaat.

Baca juga :  Cara Uninstall VestaCP di Centos 7

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *