We will walk you through how you can disable copy-paste function completely for your entire blog page and also try to do it for specific parts of the content.
Who says you can’t have total
control of your blog like our counterparts who are on WordPress can do with
some little plugins. We will teach you to have to crack the HTML codes and prevent
those dubious guys who steal content from stealing the stuff you took the time to
write.
You know the cost of making intellectual property and the time invested, so you need to take all the
measures to protect your site, and being on WordPress is not an excuse.
How to disable Copy & Paste for a Page on
Blogger
If you disable copy-paste completely from your Blog, functions like Control+C, Right Click, Control+V, and the selection tool won’t
work for your website visitors whether they are on desktop or mobile.
You need a script to enable
this function right away and some little knowledge of HTML.
Steps:
Go to blogger settings
Click on the theme, then edit
theme HTML
A myriad of codes will show,
click anywhere inside then do a Control+F to find this code “</body>” the
code below is what you will paste above this </body> tag and save.
Alternatively, you can find “<body>” tag and paste the code in the code
box below i and then save.
See code below:
<script type="text/javascript">
$(document).ready(function() {
//Disable cut copy paste
$('body').bind('cut copy paste', function(e) {
e.preventDefault();
});
//Disable mouse right click
$("body").on("contextmenu", function(e) {
return false;
});
});
</script>
If you did it right you will
see “Update Successful” after saving
What you expect to see on your blog
You can visit your site on a
phone or desktop and you will notice you now have a static page that neither
allows you to copy nor paste. You also can’t right-click even if it allows you
to select the text.
With this code in place, you
can be sure people won’t copy your website contents.
NOTE: The code doesn’t display
messages like your content is protected which is usually annoying and can ruin
your user experience. So you are just fine as it works perfectly without annoying
your visitors.
How to protect only a part of your website without disabling right click:
The code you will find in the
code box below will implement the same function but on a specific area so you
can decide areas you want to protect and areas you permit copying.
Steps:
Just like described above
Go to the blogger HTML settings of
the blogger post you want to protect
Click on HTML view
A myriad of codes will show,
click anywhere inside then do a Control+F to find this code “</body>” the
code below is what you will pass above this </body> tag and save.
Alternatively, you can find the “<body>” tag and paste the code in the code
box below it, and then save.
All content you have written on that particular post will be protected.
Or implement it on the whole blog without causing right-click to disable:
Do: Go to blogger settings
Click on the theme, then edit the theme HTML
A myriad of codes will show, click anywhere inside then do a Control+F to find this code “</body>” the code below is what you will paste above this </body> tag and save. Alternatively, you can find the “<body>” tag and paste the code in the code box below it, and then save.
You can find the code below:
<script type="text/javascript">
$(document).ready(function() {
//Disable cut copy paste
$('article').bind('cut copy paste', function(e) {
e.preventDefault();
});
});
</script>
Results:
It protects your contents without reminding the website visitor that your content has copyright protection so they won’t get annoyed and won’t try to explore means to bypass the process.
There right click function wont work on that content, copy and paste wont work as well. It works without causing pogosticking.
C. Disable Right Click too
In place of the code above use this one below. It disables copy and paste as well as right click for a particular area.
Copy code below:
<script type="text/javascript">
$(document).ready(function() {
//Disable cut copy paste
$('article').bind('cut copy paste', function(e) {
e.preventDefault();
});
//Disable mouse right click
$("article").on("contextmenu", function(e) {
return false;
});
});
</script>
Conclusion
The codes above for disabling copy-paste on your blogger blog posts are effective for websites
built on HTML5 structured themes. If it didn’t work for you just know the
version of HTML your theme is built on isn’t search engine friendly.
0 Comments
COMMENTS