Cara Mencegah Copy Paste dengan Javascript dan CSS

 Blog security

mencegah copy pasteCara mencegah copy paste dapat dilakukan dengan mengaktifkan kode disable select text pada Javascript dan CSS. Akan tetapi, sebenarnya cara ini tidak terlalu efektif karena ada berbagai cara untuk menon-aktifkan fungsi tersebut dari browser pengguna.

Meskipun demikian, dengan mengaktifkan disable select text pada blog dapat meminimalisir tindakan pencurian/copy paste artikel, karena tidak semua orang tahu bagaimana cara menon-aktifkannya. Termasuk blog saya ini, blog ini dapat menjadi salah satu contoh blog yang mengaktifkan fungsi disable text (disable klik kiri).

Disini akan saya bahas mengenai cara men-disable select text (disable klik kiri) dengan dua cara, yaitu menggunakan Javascript dan CSS.

Cara mencegah copy paste dengan Javascript

  1. Tambahkan kode berikut ini pada theme yang anda gunakan.
    <script type="text/javascript">
    function disableSelection(target){
    if (typeof target.onselectstart!="undefined") //IE route
    target.onselectstart=function(){return false}
    else if (typeof target.style.MozUserSelect!="undefined") //Firefox route
    target.style.MozUserSelect="none"
    else //All other route (ie: Opera)
    target.onmousedown=function(){return false}
    target.style.cursor = "default"
    }</script>
  2. Posisikan kode tersebut sebelum tanda </head>. Jika anda pengguna wordpres, anda dapat menemukan </head> pada header.php
  3. Kelemahan dari cara ini, semua elemen yang ada di blog tidak dapat di mark/select. Jadi kalau blog anda merupakan blog yang berisi banyak kode atau script tutorial, cara ini tidak efektif.

Cara mencegah copy paste dengan CSS

  1. Berikut ini merupakan kode CSS yang digunakan untuk men-disable select text (disable klik kiri).
    display:block;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select: none;
    -o-user-select:none;
    user-select:none;
    unselectable:on;
  2. Bagi anda pengguna wordpress dapat meletakkan kode tersebut pada bagian ID atau class yang ingin di nonaktifkan.
  3. Sebagai contoh, anda ingin seluruh bagaian text tidak dapat di select, maka anda dapat meletakkannya pada bagaian body(menyesuaikan theme yang digunakan).
    body{
    display:block;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none;
    unselectable:on;}
  4. Apabila blog anda merupakan blog yang banyak berisi kode atau script tutorial, maka anda harus membuat kode atau script tersebut berada di dalam elemen ini <pre> kode atau script tutorial </pre>. Kemudian anda dapat meletakkan kode/script disable text (disable klik kiri) tersebut pada bagian paragraph (<p> </p>). misalnya untuk theme yang saya gunakan ini class pada paragraph bernama .post .content p, maka kodenya seperti ini.
    .post .content p{
    display:block;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select: none;
    -o-user-select:none;
    user-select:none;
    unselectable:on;}

Anda dapat memilih, cara mana yang mudah dan sesuai dengan kebutuhan. Jika masih bingung dengan penjelasan diatas, anda dapat mengutarakannya lewat komentar. Semoga tips dan cara mencegah copy paste ini bermanfaat.

Author: 

Saya adalah pemilik Kaplik.Com, Tujuan saya menulis adalah untuk berbagi pengetahuan maupun pengalaman kepada semua pembaca. Buat yang ingin tanya-tanya bisa langsung Contact ke Google +1, atau bisa melalui facebook. Thanks...

4 Responses

Leave a Reply