Tutorial Pemrograman dan Source Code, Android, Web, Mobile: Script Anti Copas Artikel Blog, Web, Wordpress dan Blogspot

Kamis, 07 Januari 2016

Script Anti Copas Artikel Blog, Web, Wordpress dan Blogspot

Script Anti Copas Artikel Blog, Web, Wordpress dan Blogspot | Sebagai blogger penulis artikel kadang kita kesal melihat tulisan kita di copas (Copy Paste) oleh orang lain di web lain. Untuk mencegah pengunjung web melakukan copy paste kita bisa memakai Javascript untuk mendisable atau membuat pengunjung tidak bisa melakukan seleksi teks menggunakan mouse maupun Ctrl+A sehingga praktis jika pengunjung melakukan klik kanan dengan mouse maka pilihan Copy pun menjadi tidak ada, bahkan ada javascript yang mampu mencegah klik kanan, sehingga melihat source code html pun agak sulit.

Script Anti Copas di Web

Untuk memasang script anti copy paste di web bukan blogspot atau wordpress, maka cukup tambahkan script javascript berikut ini di bawah tag </head> :

<script type='text/javascript'>
  if (typeof document.onselectstart!="undefined") {
  document.onselectstart=new Function ("return false");
  }
  else{
  document.onmousedown=new Function ("return false");
  document.onmouseup=new Function ("return true");
  }
</script>

sehingga menjadi seperti ini :

<html>
<head>
 <title>Script Anti Copas</title>
</head>

<script type='text/javascript'>
  if (typeof document.onselectstart!="undefined") {
  document.onselectstart=new Function ("return false");
  }
  else{
  document.onmousedown=new Function ("return false");
  document.onmouseup=new Function ("return true");
  }
</script>

<body>
 <p>
  Lorem ipsum dolor sit amet, tale utinam per no, his id ipsum appareat torquatos. Ad facer albucius euripidis sed, ei graeci admodum qui. Etiam sanctus gloriatur te eos, atqui blandit nec cu. Cum recteque urbanitas constituto cu, at sea error euismod abhorreant. Eum ea elit erroribus.
 </p>
</body>

</html>

Hasilnya dapat dipanggil di browser web dan dicoba select teks atau copy teks.

Alternatif Lain Javascript Anti Copy Paste dan Klik Kanan

Alternatif lain script anti copas ditambah anti right klik atau anti klik kanan mouse seperti ini :

<script type="text/javascript">
 window.onload = function() {
  disableSelection(document.body)
 }

 function disableSelection(target){
  if (typeof target.onselectstart!="undefined")
   target.onselectstart=function(){return false}
  else if (typeof target.style.MozUserSelect!="undefined")
   target.style.MozUserSelect="none"
  else
   target.onmousedown=function(){return false}
  target.style.cursor = "default"
 }
</script>

<script type="text/javascript">
 document.ondragstart=function(){return false};
</script>

<script type="text/javascript">
 document.oncontextmenu = function(e){
        var t = e || window.event;
        var elm = t.target || t.srcElement;
        if(elm.nodeName == "A" || elm.type == 'text' || elm.type == 'password')
   return true;
  return false;
    }
</script>

Seperti halnya pada script sebelumnya, tambahkan javascript tersebut dibawah bawah tag </head>, sehingga menjadi seperti ini :

<html>
<head>
 <title>Script Anti Copas</title>
</head>

<script type="text/javascript">
 window.onload = function() {
  disableSelection(document.body)
 }

 function disableSelection(target){
  if (typeof target.onselectstart!="undefined")
   target.onselectstart=function(){return false}
  else if (typeof target.style.MozUserSelect!="undefined")
   target.style.MozUserSelect="none"
  else
   target.onmousedown=function(){return false}
  target.style.cursor = "default"
 }
</script>

<script type="text/javascript">
 document.ondragstart=function(){return false};
</script>

<script type="text/javascript">
 document.oncontextmenu = function(e){
        var t = e || window.event;
        var elm = t.target || t.srcElement;
        if(elm.nodeName == "A" || elm.type == 'text' || elm.type == 'password')
   return true;
  return false;
    }
</script>

<body>

 <p>
  Lorem ipsum dolor sit amet, tale utinam per no, his id ipsum appareat torquatos. Ad facer albucius euripidis sed, ei graeci admodum qui. Etiam sanctus gloriatur te eos, atqui blandit nec cu. Cum recteque urbanitas constituto cu, at sea error euismod abhorreant. Eum ea elit erroribus.
 </p>

</body>

</html>

Hasilnya dapat dicoba dari browser web, maka pengunjung tidak bisa copas dan klik kanan mouse.

Script Anti Copas Artikel Blog, Web, Wordpress dan Blogspot Tidak Bisa Klik Kanan

Memasang Script Anti Copas di Blog Wordpress

Untuk memasang script ini di Wordpress, buka file <wordpress>/wp-content/theme/<theme-anda>/header.php, tambahkan script anti copas di bagian bawah <head>, seperti ini :

<?php
/**
 * The Header for our theme.
 *
 * Displays all of the <head> section and everything up till <div id="content">
 */
?>

<!doctype html>
<!--[if !IE]>

<html class="no-js non-ie" <?php language_attributes(); ?>> <![endif]-->
<!--[if IE 7 ]>
<html class="no-js ie7" <?php language_attributes(); ?>> <![endif]-->
<!--[if IE 8 ]>
<html class="no-js ie8" <?php language_attributes(); ?>> <![endif]-->
<!--[if IE 9 ]>
<html class="no-js ie9" <?php language_attributes(); ?>> <![endif]-->
<!--[if gt IE 9]><!-->
<html class="no-js" <?php language_attributes(); ?>> <!--<![endif]-->
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">

<?php wp_head(); ?>

</head>

<!-- LETAKKAN SCRIPT ANTI COPAS DISINI -->

<script type='text/javascript'>

  if (typeof document.onselectstart!="undefined") {

  document.onselectstart=new Function ("return false");

  }

  else{

  document.onmousedown=new Function ("return false");

  document.onmouseup=new Function ("return true");

  }

</script>

<!-- END SCRIPT ANTI COPAS -->

...

Kemudian save file tersebut, blog wordpress anda seharusnya sekarang sudah tidak dapat dicopy paste dengan mudah lagi.

Memasang Script Anti Copas di Blogspot

Untuk memasang script anti copy paste di blogspot, silakan login ke blogspot, kemudian klik menu Template-Edit HTML.

Script Anti Copas Artikel Blog, Web, Wordpress dan Blogspot Template Edit HTML

Kemudian setelah muncul kode HTML, tambahkan script di bawah </head> seperti ini

Script Anti Copas Artikel Blog, Web, Wordpress dan Blogspot Tambahkan Script Di Bawah HEAD

....
  </head>

<!-- LETAKKAN SCRIPT ANTI COPAS DISINI -->

<script type='text/javascript'>
  if (typeof document.onselectstart!="undefined") {
  document.onselectstart=new Function ("return false");
  }
  else{
  document.onmousedown=new Function ("return false");
  document.onmouseup=new Function ("return true");
  }
</script>

<!-- END SCRIPT ANTI COPAS -->

  <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
  ....

Kemudian klik simpan template. Maka seharusnya sekarang blog Blogspot anda tidak dapat dicopy paste lagi.

Kesimpulan

Javascript anti copy paste ini cukup efektif untuk mencegah atau mempersulit pengunjung web menyalin artikel dengan cara copy paste. Tetapi penulis tidak menjamin setelah anda pasang script ini maka artikel Web, Blog Wordpress atau Blog Blogspot anda benar-benar tidak bisa dicuri, karena bagi programmer atau orang yang sudah berpengalaman di bidang pemrograman web, untuk menyalin isi dari halaman web tetap sangat mungkin dilakukan dengan melihat source code html atau dengan memanipulasi javascript yang berjalan di browser.

Semoga Cukup Berguna :)

1 komentar:

Admin11 Oktober 2024 pukul 05.53
Hmmm makasih artikelnya. Perlu dicoba ini mah, hhehh. Salam kenal dan mampir juga=>

Newsartstory.com
BalasHapus
Balasan

Tambahkan komentar