Baru: Memasang Peringatan Anti Copy Paste di Blog

Memasang Peringatan Copy Paste di Blog - Memasang sesuatu di blog yang digunakan untuk memproteksi atau sekedar memberi peringatan atas kepemilikan yang kita terkadang menjadi sebuah dilema karena seampuh apapun proteksi yang dipasang, tetap saja mudah dikelabui. Pun begitu dengan artikel atau tulisan yang ada di blog, sudah banyak trik yang digunakan untuk melindungi keberadaan artikel blog kita, baik menggunakan script anti copy paste, anti klik kanan atau disable klik, bahkan beberapa cara yang digunakan agar tidak terjadi copy paste terhadap artikel blog ternyata hasilnya sia-sia belaka karena semua cara tersebut mudah ditembus dan dan mudah ditemukan titik lemahnya

Kenapa anti copy paste di artikel blog yang kita pasang mudah ditembus?
Karena kode-kode yang terdapat didalam template blog yang kita gunakan dari berbagai platform (Blogger, WordPress, Joomla, Tumblr, dan sebagainya) menggunakan open source yang sangat mudah dibuka dan diketahui, apalagi penggunaan open source tersebut juga semakin dipermudah dengan adanya program dari browser yang digunakan

Apakah memasang anti copy paste di blog sia-sia dilakukan?
Tidak. Karena dengan memasang anti copy paste tersebut akan sedikit mempersulit dalam melakukan copy paste terhadap artikel blog yang diinginkan, meskipun pada akhirnya artikel tersebut berhasil di salin,, hehehee

Dan bagaimana dengan artikel ini? Artikel ini hanyalah sebuah tips saja dan bukan script anti copy paste yang biasa dan sering banyak digunakan. Script pada artikel ini hanyalah peringatan agar tidak terjadi copy paste terhadap artikel blog. Peringatan akan muncul jika ada yang melakukan blok pada artikel, tidak hanya pada artikel, pada satu huruf pun didalam artikel tersebut akan memunculkan peringatan agar tidak melakukan copy paste

CSS Anti Copy Paste
Silahkan salin kode CSS berikut kedalam template blog sobat, salin sebelum kode ]]></b:skin> atau diantara <style type='text/css'>Code Disini</style>

.copypastetips {display:none;top:0;position:absolute;background:#333;color: #f16786;width:300px;height:32px;position:absolute;margin-left:-20px;padding:5px;opacity:0;filter: alpha(opacity=0);z-index: 99;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease;transition: all 0.3s ease-in-out;border-radius:3px;border:1px solid #333;}
.copypastetips span {position:absolute;content: " ";border: solid rgba(0, 0, 0, 0);border-width: 7px;height: 0;width: 0;margin: 0;top: auto;left: auto;top: 100%;border-top-color: #333;margin-left: -7px;left: 50%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease;transition: all 0.3s ease-in-out;}
.copypastetips a {color:#f16786;}
.copypastetips:hover {background:#3D566E;}
.copypastetips:hover span {border-top-color:#3D566E;}
.copypastebox {position:relative;display:block;width:100%;height:100%;top:0;left:0;}
.copypastebox a {width:100%;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNqGOeflzfzH4UgIzQMtTis219q3LnrmS6oqsI16iQ6F_QwT7AwU235H0DOT2hfolGGpRAm7_HxG6YiIXW2T2sBfaItqOoif7sqEt1161Z8gyq8lXn3OVIkvoWKxQdzW7nFBAAPTa2bE4/s1600/copy-paste.png) 0px 0px no-repeat;padding:0;left:0;top:0;height:100%;text-decoration:none;display:block;}
.sharingLink {display:block;position:absolute;text-indent:-9999px;}

JavaScript Anti Copy Paste
Silahkan salin kode berikut kedalam template blog sobat, salin sebelum kode </head>

<script type='text/javascript'>
      //<![CDATA[
$(document).ready(function() {
 cpShow='';
  $(document).mousemove(function(m) {
   generateTooltipPosition();
  });
});
$(document).mouseup(function() {
  $(document).mousemove(function(m) {
   generateTooltipPosition();
  });
 var cpShow=getcpShow();
 var copypastetips=document.getElementById("copypastetips");
 if (cpShow!='')showMeTooltip();

});
$(document).click(function() {
 var cpShow=getcpShow();
 var tooltipTitle = null;
 var newTooltipTitle = $("#copypastetips").attr("title");
  if (newTooltipTitle == "") return;
 if (newTooltipTitle !== tooltipTitle) $('#copypastetips').animate({ opacity: 0 }, 30);
 if (cpShow != "") showMeTooltip();
});
$(window).resize(function() {
 if ($('#copypastetips').show()){
    $('#copypastetips').animate({ opacity: 0 }, 30);
 }
});
function showMeTooltip() {
 var pageURL = window.location.toString();
 var myLink = "";
 
 $('#copypastetips').show();
 $('#copypastetips').animate({ opacity: 1 }, 30);
 $('#toMyLink').attr('href', myLink );
}
function getcpShow(){
  showCP = '';
  if(window.getSelection) {
                showCP = window.getSelection();
    generateTooltipPosition();
            }
            else if(document.getSelection) {
    showCP = document.getSelection();
    generateTooltipPosition();
            }
   return showCP;
}
function generateTooltipPosition(){
 var selection = window.getSelection && window.getSelection();
 if (selection && selection.rangeCount > 0) {
   range = selection.getRangeAt(0);
   pos = $(window).scrollTop();
   selection_text = selection.toString(),
   rect = range.getBoundingClientRect();
    $('#copypastetips').css({
      top: (rect.top + pos - 20) - 32 + 'px',
      left: rect.left + (rect.width/2) + 'px',
     });
  }
}
//]]>
</script>

HTML Markup Anti Copy Paste
Silahkan salin kode berikut kedalam template blog sobat, salin sebelum kode </body>

<div class='copypastetips' id='copypastetips'>
  <div class='copypastebox'><a href='/'><span/></a></div>
</div>

Cara Kerja Script Anti Copy Paste
Saat ada yang melakukan blok atau seleksi pada setiap artikel atau teks atau huruf didalam blog, maka akan muncul pernyataan atau pesan agar tidak melakukan copy paste terhadap artikel, teks, huruf, atau tulisan yang telah di blok atau di seleksi, baik sebagian atau pun keseluruhan

Demo untuk script Anti copy paste ini tidak saya terapkan di blog ini, dan berhasil saya terapkan di blog saya yang lain yang saya gunakan sebagai blog percobaan. Untuk hasilnya silahkan lihat pada video berikut ini