How To Disable Copy Paste Of Content In Blogger
Hello Blogmate's How are you ? I hope you are doing great. Most of you spend most of your time writing blog posts, you should be afraid that your content will be copied by others without your permission which will decrease your traffic as well as makes the content duplicate.
So, to prevent this, bloggers can use a simple trick by disabling copy paste. Benefits
- Increase your users' visibility
- Reduce your bounce rate
- Adsense help with invalid activity
- Saves time and effort
- Help to increase ranking
- Protect your article from copywriters
How can I prevent someone from stealing my content?
By employing above mentioned code in your blogger page or theme , You can protect Your content from being stolen.
Limitations
- If your niche is blogger then you should not type and paste this script code copy as the code coming from it will not be copied.
- If you add this disabled copy-paste script code in the product niche, you will see that you cannot copy the product.
- This code does not work if you use extensions in the browser
Steps — How To Do It ?
- Login to the Blogger Dashboard
- Now Go to Theme Section
- Click on Edit HTML
- Now Search </body> or </:skin> tag using Ctrl + F
- Copy the code below and paste it before the </body> or </:skin> tag.
Method 1: Using Javascript
Find For </body> tag
<script>
$('body').bind('copy cut drag drop', function (e) { e.preventDefault(); });
</script>
Or
<script>
// Disable Code
window.onload = function() {
document.addEventListener("contextmenu", function(e) {
e.preventDefault();
}, false);
function disabledEvent(e) {
if (e.stopPropagation) {
e.stopPropagation();
} else if (window.event) {
window.event.cancelBubble = true;
}
e.preventDefault();
return false;
}
};
document.onkeydown = function(e) {
return false;
}
navigator.keyboard.lock();
</script>
Method 2: Using CSS code
Find for </:skin> tag
body {
-webkit-user-select: none !important;
-moz-user-select: -moz-none !important;
-ms-user-select: none !important;
user-select: none !important;
}
If you can't find the </b:skin> tag, you can add your CSS code to the Additional CSS section of your theme. Alternatively, put the code b/w <style></style> tags
Now You are allowed to prevent copy content except in a specific area. You can easily do this using the Class element.I've removed the body here so the user can only copy/paste text from this element
Note that a High Tech User will easily bypass Method 1 by disabling the Javascript within the browser. I like to recommend the CSS method because it is well customizable and doesn't have an effect on on the page speed andi provides higher protection
Advantage Of Using Css Code Over JavaScript?
- When we use JavaScript code, do you know what cat mimic does? Just disable the JavaScript code in the browser and reload the page. After that, everything is back to normal and anyone can copy all the content.
- By using CSS code, we remove this element because it is usually not possible for users to disable CSS. However, an experienced user can do this simply by inspecting the elements and finding our CSS snippet, and then removing it in the browser, but this task is far from perfect. with beginners. Experienced users rarely do.
- CSS codes are much better than JavaScripts because they don't slow down your blog/website where JavaScript codes take a long time to load and make your blog load very slow and overall you lose Visitors = Money. Avoid using JavaScript.
Conclusion
So today we have discussed about How To Disable Copy Paste Of Content In Blogger. I hope you like this post kindly do give a comment below. If you are having problem in implementing this kindly contact me. Do visit regularly for getting more updates like this.
Comments
Post a Comment
Leave your opinion or any doubt about this article. Don't try to spam, our team reviews every comment.