How to Disable Copy Paste In Blogger Website?

Several website owners strive to prevent users from easily copying and pasting content. While it is important to understand that complete prevention of copying is nearly impossible, there are several methods that one can employ to make copying more difficult and discourage unauthorized use.

Learn how to disable copy/paste on a Blogger website and protect your content from theft in this article.

Would you like to know how to disable text selection on your Blogger website to safeguard your content?

Here, we will use pure CSS code. You don't need to worry about speed performance. You can exclude certain elements, and users can copy text from that area only.

There are several ways to disable copy-paste in a website using Javascript. You can also use this trick.

Note that this method won't provide 100% protection against text stealing, as advanced users can easily extract text from source code. However, it can prevent your article from being stolen by normal users.

Disable copy-paste in Blogger using CSS

To disable copy-paste of text in Blogger follow the steps. 

• Go to Blogger dashboard > Theme > Edit HTML 
• Now search for this code ]]></b:skin> or 
• Now add the CSS code just above this code. 

➤ CSS code

body {
-webkit-user-select: none!important; /* Safari */
-moz-user-select: -moz-none!important; /* Firefox */
-ms-user-select: none!important; /* Internet Explorer/Edge */
user-select: none!important;
}

Now text selection is disabled entirely on your Blogger website. 

If the </b:skin> tag is not found, you can add the CSS code in the additional CSS section of your theme. Alternatively, you can add a <style> tag and paste it above the </body> tag. 

Before making any changes to your theme file, be sure to take a backup as a precautionary measure for easy restoration purposes.

It is possible to exclude certain areas and allow users to copy content by using the Class element.

 To exclude the element, right-click on it and select "Inspect" to check its CSS class. 

Here, I am excluding the blockquote, so that users can copy/ paste text from this element only. 

blockquote{
-webkit-user-select: text !important;
-moz-user-select: text !important;
-ms-user-select: text !important;
user-select: text !important;
}

Insert this code just above the first code used in this method. You can replace any other class or ID of elements on your Blogger website.

Note: If you have difficulty finding the </b:skin> tag, you can paste the CSS code just before the closing body tag using the style tag. Use this format to add the CSS code:

<style> body {
-webkit-user-select: none !important;
-moz-user-select: -moz-none !important;
-ms-user-select: none !important;
user-select: none !important;
}</style>

Disable text selection using Javascript

If you have a blogger website and want to prevent visitors from copying and pasting content from your site, you can do so by using JavaScript code to disable the copy-paste function.

Users can easily copy the blog post text but can't paste it into a text editor.

To include the Javascript code, simply copy and paste it right above the closing </body> tag in your theme file.

<script>
$('body').bind('copy cut drag drop', function (e) { e.preventDefault(); });
</script>

Disable Right-Click

One way to prevent copying is by disabling the right-click context menu, which blocks users from accessing options like "Copy."

 <script> document.addEventListener('contextmenu', function (e) {
  e.preventDefault();
}); 
</script>

However, determined users who know alternative ways to copy content can still bypass this approach, just like the previous methods.

I recommend using the CSS method because it allows for easy customization, doesn't affect page speed, and provides better protection.

Conclusion

I hope you now understand how to disable the copy-paste function on your Blogger website. While it may not be possible to completely prevent copying of your content, various methods can discourage casual users from doing so. Techniques such as using JavaScript event listeners, CSS styling, and disabling right-clicking can make it more challenging for users to easily copy your content.