How to Prevent Copy Paste in Blogger

Blogging is among the best ways to make money online and express your feeling to the world. But remember that the internet is full of lazy guys, who can't always think and create their own unique and original content.

Remember that the internet is full of lazy guys, who can't always think and create their own unique and original content. So its better to prevent copy paste from your blogger blog to protect your content......


Sometimes you may create an article and publish it to the internet. If google fail to index it at the right time, those lazy guys will probably come across it, steal it and submit it to google for indexing.

If Google index that post before it index your post, your post will probably be marked as plagiarized content. Therefore, your post will not rank on search engine result page.

To solve this problem, the best solution is to prevent copy paste in your blog.

For those bloggers that use WordPress for their blogging activities, they can use many plugins available on the internet to prevent copy paste from their blog. But if your are using blogger, you can't use plugins but rather add a short code to your blogger blog to prevent and disable copy paste.

Today, I am back with a new and updated technique on how to prevent copy paste on blogger.

Due to the fact that JavaScript affect our site speed, I would like to share two updated techniques with you on how to prevent copy paste on blogger using either JavaScript or CSS.

How to Prevent Copy Paste on Blogger Using CSS Code

As I already stated at the introduction section, using CSS code to prevent copy paste on blogger does not affect blog speed. And blog speed is among those crucial factors that Google used to rank a blog in search result. Therefore, always focus on your blog speed.

Steps to Prevent Copy Paste on Blogger Using CSS Code

1. Log in to your blogger account and select the blog you wish to prevent copy paste from.

2. Navigate to the theme section of your blog and select the Edit HTML option to edit you theme code.

3. After you open your theme HTML editor, search for the code in the blockquote below.
]]></b:skin>

4. Now, copy the CSS code in the blockquote below and paste it just above the ]]></b:skin>  tag you have search for at step three above.

body {
user-select: none !important;
-moz-user-select: -moz-none !important;
-webkit-user-select: none !important;
-ms-user-select: none !important;
}
.post-body blockquote, .post-body pre, .post-body code {
user-select: text !important;
-webkit-user-select: text !important;
-ms-user-select: text !important;
-moz-user-select: text !important;
}
5. Click on the three dots at the top right-hand corner of your theme HTML editor and select to save your theme.

Finally, you have disabled copy and paste from your blogger blog using pure CSS code. Now all those thieves can't copy your article, and this method will not slow down your blog loading time.

If this method didn't work for you, you can try the JavaScript method to disable copy and paste from your blogger blog.

How to Prevent Copy Paste on Blogger Using JavaScript

To prevent copy paste in blogger blog using the JavaScript method, you can either add the JavaScript code in the gadget section of your blog, or inside your theme code.

Steps to Add JavaScript in the Gadget Section of Blogger Blog

Step 1: Log in to your blogger account and navigate to the layout section of your blog.

Step 2: click on the add gadget button. After that, a pop-up window will open with twenty-nine option in it.

Step 3: select the gadget option which says Add HTML/JavaScript.

Step 4: copy the JavaScript code provided in the blockquote below and add it in the content section of that gadget you choose at step three.

<script src='demo-to-prevent-copy-paste-on-blogger_files/googleapis.js'></script><script type='text/javascript'> if(typeof document.onselectstart!="undefined" ) {document.onselectstart=new Function ("return false" ); } else{document.onmousedown=new Function ("return false" );document.onmouseup=new Function ("return false"); } </script>

Step 5: Finally, click on the save button. You have now prevented or disable copy paste from your blogger blog by adding a simple JavaScript code in the widget section of your blogger blog.

If this method didn't work for your blog, or if you don't like to add excess third party widget in your blog, you can simply add a short JavaScript code inside your theme code by following the steps outline below.

Steps to Add JavaScript Code Inside Theme Code to Prevent Copy Paste

Before I explain the steps to add JavaScript code inside the theme code to prevent copy paste in a blogger blog, I would like to told you that this method is not 100% effective. Blog visitors can copy the blog content. But they can't paste it completely inside a post editor, excel, note pad or any place.

If you wish to apply this method anyway, you can follow the steps outline below.

1. Log in to your blogger account and select the blog you want to disable copy paste from.

2. Navigate to the theme section and then choose the option which says Edit HTML.

3. Search for this code </body> in theme HTML editor.

4. Copy the code provided in the blockquote below and paste it just above the closing body tag (</body>).

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

5. Finally, save your theme and taste it. You will see that you can copy your blog content. But when you try to paste it anywhere, it will not reflect there completely, only part of it will reflect. This method is called partial protection.

Conclusion

At the end, I hope this post on how to prevent copy paste in a blogger blog helps you to protect your content from thieves.

To round up. In my opinion, I recommend the CSS method.

My reasons are:
  • It would not affect your blog speed.
  • It can't be bypassed by just disabling JavaScript from browser unlike the JavaScript method.
If you face any problem in implementing the above techniques, please let me know in the comment section.

Don't forget to share this post with your friends, family, followers, or audience on social media using the social media icons below.
Tech Propagator

My name is Ammar Yahaya Abdullahi. I love to write and publish unique articles on make money hints, crypto-update, blogging, reviews, and SEO.

2 Comments

Thanks for comment and please don't spam the comment section.

  1. Nigga this stuff doesn't work na.. Anyone can copy my content once they download the page to view offline

    ReplyDelete
    Replies
    1. Bro!! This is the same technique i applied to my blog. I use the above css code and prevent copy paste from my blog. And you can't copy my blog content even if you download the page offline.

      I think you make a mistake or you skip a step in the above process.

      Thank you for your feedback.

      Delete
Post a Comment
Previous Post Next Post