broedi.com - Aksi pembajakan konten, atau dalam dunia blogger sering disebut copy paste sangat merugikan, sehingga banyak para blogger memasang script anti copy paste pada blog mereka, upaya ini dilakukan untuk melindungi konten mereka agar tidak dicopy seenaknya oleh orang-orang yang tidak bertanggung jawab, nah pada artikel kali ini saya akan membagikan kumpulan-kumpulan script anti copy paste dengan fungsi yang berbeda-beda, anda bisa memilih mana sekiranya yang lebih tepat untuk diterapkan pada blog anda.
Anti Copy Paste 1
Dengan script ini, blog kamu 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 paste-kan kode berikut ini didalam kode <body>
oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'
Jadinya akan seperti ini :
<body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'>
pada beberapa kasus, untuk penerapan cara diatas ada beberapa kelemahan, seperti kotak search tidak berfungsi.
Anti Copy Paste 2 (tidak bisa dicopy kecuali pada bagian tertentu)
Ini cocok untuk blog yang suka membagikan kode-kode, tentunya kode tersebut harus bisa dicopy untuk dibagikan, tapi isi pemilik blog ingin agar isi artikel diluar kode-kode tetap tidak bisa dicopy. Anda bisa menerapkan kode ini :
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 tidak bisa dicopy, untuk memilih text mana yang bisa dicopy pada artikel, kamu harus menambahkan kode <code> dan ditutup dengan </code> untuk kata yang ingin bisa dicopy, ubah ke mode HTML saat menambahkan kode tersebut. Cara pmenambahkannya sbeagai berikut :
pada mode compose :
kata ini bisa dicopy
ubah ke mode HTML :
<code>kata ini bisa dicopy</code>
Anti Copy Paste 3 (Dengan notifikasi peringatan)
Untuk yang ini, agak banyak script yang dipasang, simak caranya sebagai berikut :
Buka edit HTML, cari kode ]]></b:skin> gunakan ctrl+f, copy dan paste-kan 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/AVvXsEjmbnxyuratE6cnJqo8owzgRTrouYODzykY-Zs6MvZCK9-OnFvm9k8OOHkQscsDsXMzYM9YBxBF-gp5DtNAG3pXTwl1pXpYSvdreljyASIkEIDxvz8ekfD9zGs2TR472AwXaQFFYd8U1OQ/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/AVvXsEjmbnxyuratE6cnJqo8owzgRTrouYODzykY-Zs6MvZCK9-OnFvm9k8OOHkQscsDsXMzYM9YBxBF-gp5DtNAG3pXTwl1pXpYSvdreljyASIkEIDxvz8ekfD9zGs2TR472AwXaQFFYd8U1OQ/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 paste-kan 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, cari kode </body>, copy dan paste-kan 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 memblock teks.
Diatas tadi adalah beberapa cara untuk mencegah aksi copy paste, anda bisa memilih mana yang sekiranya cocok untuk blog anda.
Tag :
blogging
0 Komentar untuk " KUMPULAN SCRIPT ANTI COPY PASTE "
• berkomentarlah dengan bahasa yang baik dan sopan.
• dilarang berkomentar berbau pornografi, sara dan semacamnya.
• dilarang komentar spam.