How to Disable Copy Paste in Blogger Using CSS/JavaScript
 |
| Disable Copy Paste in Blogger |
Hello Guys, Welcome to ASThemesWorld. It's very annoying when someone else copies your article and doesn't even take your permission and doesn't give you any credit. If you want to protect your content from being copied, then this article will be very beneficial for you because today in this article we will tell how to protect your content from being copied.
How to Disable Copy Paste in Blogger?
To disable copy paste in Blogger, you can either use CSS code or JavaScript. We have explained with both the methods to disable copy paste, use whichever method you prefer.
How to Disable Copy Paste using CSS Codes?
To disable copy paste from CSS, you need to add some CSS code to your theme. Follow below steps to add CSS code.
Step 1. On Blogger Dashboard, click Theme.
Step 2. Click the arrow down icon next to 'customize' button.
Step 3. Click Edit HTML, you will be redirected to editing page.
Step 4. Now search for the code ]]></b:skin> and paste the following CSS codes just above to it.
.Blog .post { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -ms-user-select:none; -moz-user-select:none; }
.Blog .post blockquote,.post pre,.post code,h1 { -webkit-touch-callout:text; -webkit-user-select:text; -khtml-user-select:text; -ms-user-select:text; -moz-user-select:text; }Step 5. Save your theme by clicking this icon.
The CSS in the first line of the above CSS serves to turn off the selection so that it cannot be copied, and the CSS in the second line serves to exclude certain Classes and IDs so that they can be copied. If you want that nothing is copied then delete the CSS codes given in the second line.
How to Disable Copy Paste using JavaScript?
Step 1. On Blogger Dashboard, click Theme.
Step 2. Click the arrow down icon next to 'customize' button.
Step 3. Click Edit HTML, you will be redirected to editing page.
Step 4. Now search for the code <head> and paste the following JavaScript codes just after to it.
<script language='JavaScript1.2'>
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>Step 5. Save your theme by clicking this icon.
There is a disadvantage to using JavaScript to disable copy paste. If you have used javascript you will not be able to exclude certain classes and id's to copy as you did in the CSS code.
This is all about how to disable copy paste in blogger. I hope this article has been very useful for deactivating copy paste on your blog and protecting your content from being copied. If you have any question or doubt then let us know in the comment.
© Copyright ASThemesWorld