Cara Agar Blog Tidak Bisa Di Copas
Berikut ini saya akan membagikan script Anti Copas agar postingan di blog sobat tidak bisa di Copy Paste atau di copas oleh orang lain.
SCRIPT 1
Dengan script ini, blog sobat tidak bisa di copy paste dengan cara select text, ctrl+u, dan klik kanan, bahkan juga tidak bisa ctrl+p (Di Print).
Cari kode <body> di template blogger, gunakan ctrl+f, lalu pastekan kode berikut ini didalam kode <body>
oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'
Maka hasilnya akan seperti di bawah ini
<body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'>
Tetapi untuk beberapa kasus, penerapan script di atas memiliki kelemahan yaitu akan menyebabkan kotak Search tidak berfungsi.
SCRIPT 2
Untuk script ke dua hanya di bagian-bagian atau kalimat-kalimat tertentu saja yang dapat di copy paste dalam sebuah artikel.
Buka edit HTML, cari kode ]]></b:skin> atau <style>, coba salah satu mana yang berfungsi pada blog anda. Copy kode dibawah ini dan paste-kan tepat diatas kode ]]></b:skin> atau <style>.
Secara default, semua text pada artikel sobat tidak bisa dicopy, untuk memilih text mana yang bisa dicopy pada artikel, sobat harus menambahkan kode <code> dan ditutup dengan </code> untuk kata yang ingin bisa dicopy, ubah ke mode HTML saat menambahkan kode tersebut. Cara menambahkannya yaitu saat menulis artikel pada mode compose lalu masuk ke mode HTML lalu cari kata atau kalimat yang sobat ingin bisa di copy paste dan tambahkan script seperti berikut ini.
SCRIPT 3
Untuk script ke tiga yaitu dengan notifikasi peringatan. Cara memasangnya yaitu sebagai berikut.
Buka edit HTML, cari kode ]]></b:skin> gunakan ctrl+f, copy dan pastekan CSS dibawah ini tepat diatas kode ]]></b:skin>
Selanjutnya cari kode </head>, copy dan pastekan script dibawah ini tepat diatas kode </head>
Langkah terakhir yaitu cari kode </body>, copy dan pastekan kode dibawah ini sebelum </body>
Pesan "Dilarang copas keseluruhan isi artikel" akan muncul saat akan memblock teks.
Itulah beberapa script untuk mencegah terjadinya aksi copy paste, sobat bisa pilih salah satu script yang cocok untuk digunakan di blog sobat. Semoga bermanfaat.
SCRIPT 2
Untuk script ke dua hanya di bagian-bagian atau kalimat-kalimat tertentu saja yang dapat di copy paste dalam sebuah artikel.
Buka edit HTML, cari kode ]]></b:skin> atau <style>, coba salah satu mana yang berfungsi pada blog anda. Copy kode dibawah ini dan paste-kan tepat diatas kode ]]></b:skin> atau <style>.
.post { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -ms-user-select:none; -moz-user-select:none; }
.post blockquote,.post pre,.post code { -webkit-touch-callout:text; -webkit-user-select:text; -khtml-user-select:text; -ms-user-select:text; -moz-user-select:text; }
.post blockquote,.post pre,.post code { -webkit-touch-callout:text; -webkit-user-select:text; -khtml-user-select:text; -ms-user-select:text; -moz-user-select:text; }
Secara default, semua text pada artikel sobat tidak bisa dicopy, untuk memilih text mana yang bisa dicopy pada artikel, sobat harus menambahkan kode <code> dan ditutup dengan </code> untuk kata yang ingin bisa dicopy, ubah ke mode HTML saat menambahkan kode tersebut. Cara menambahkannya yaitu saat menulis artikel pada mode compose lalu masuk ke mode HTML lalu cari kata atau kalimat yang sobat ingin bisa di copy paste dan tambahkan script seperti berikut ini.
<code> Kata ini bisa di copy paste </code>
SCRIPT 3
Untuk script ke tiga yaitu dengan notifikasi peringatan. Cara memasangnya yaitu sebagai berikut.
Buka edit HTML, cari kode ]]></b:skin> gunakan ctrl+f, copy dan pastekan CSS dibawah ini tepat diatas kode ]]></b:skin>
.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/AVvXsEj7achXQVpiIrZiWnGq7UdsJDlznXx9clGjPOCJvkCJlzACYoLngu1x9UhMIwBSss_WNeqyETHnO2JVMFFQlEzZ92d-dbtLCwkWHzedhmfTPIFdTfgvItjaMP6mcRPWHOnH159buqstA8Y/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;}
.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/AVvXsEj7achXQVpiIrZiWnGq7UdsJDlznXx9clGjPOCJvkCJlzACYoLngu1x9UhMIwBSss_WNeqyETHnO2JVMFFQlEzZ92d-dbtLCwkWHzedhmfTPIFdTfgvItjaMP6mcRPWHOnH159buqstA8Y/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;}
Selanjutnya cari kode </head>, copy dan pastekan script dibawah ini tepat diatas 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>
//<![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>
Langkah terakhir yaitu cari kode </body>, copy dan pastekan kode dibawah ini sebelum </body>
<div class='copypastetips' id='copypastetips'>
<div class='copypastebox'><a href='/'><span/></a></div>
</div>
<div class='copypastebox'><a href='/'><span/></a></div>
</div>
Pesan "Dilarang copas keseluruhan isi artikel" akan muncul saat akan memblock teks.
Itulah beberapa script untuk mencegah terjadinya aksi copy paste, sobat bisa pilih salah satu script yang cocok untuk digunakan di blog sobat. Semoga bermanfaat.