7/19/23, 1:35 PM How to disable copy paste of text in Blogger?

- Techyleaf

Home › Blogger Guide Connect With Us

How To Disable Copy Paste Of Text In Blogger?

By Abhishek padhi June 22, 2023

n today's digital age, protecting intellectual property and sensitive information

s crucial. Many website owners aim to prevent users from easily copying and
pasting content. While it's important to note that complete prevention of
copying is nearly impossible, there are several methods you can employ to make
copying more difficult and discourage unauthorized use.

Here, In this article, I will show you how you can disable copy/paste of text and
protect your content from stealing on the Blogger website.

Popular post

01 How to add a table of content in

Blogger website.[ Automatic/
Manual ]

Do you want to learn how to protect website content by disabling text selection 02 How to remove footer credit of
premium blogger templates
n Blogger?
without redirecting to any othe…

Here, in this method, we will use pure CSS code. so, you don't need to worry 03 How to get Google Adsense
Approval faster in blogger?
about the speed performance. You can also exclude certain elements and users
can copy text from that area only. 04 How to enable Lazy-loading
images on Blogger website.
[Updated]
There are several other methods to disable copy-paste in the website which use
05 15 simple hacks to improve page
avascript. You can also implement this trick.
speed in blogger website. [2022]

Note that this method will not protect the website 100% from stealing text as 06 How to setup Cloudflare CDN
with Blogger website for Free
some advanced users can easily extract text from source code. But, It can protect
your article from normal users. 07 How To Fix "Avoid Chaining
Critical Requests" On blogger
website
#1: Disable copy-paste in Blogger using CSS
08 How can I disable the download

Techyleaf Home button

Iconsfrom
New! HTML audio player ?
To disable copy-paste of textAbout
in Blogger follow
Contact the Speedup
Blog steps. Blogger Tools Sitemap SVG

https://www.techyleaf.in/2021/05/disable-copy-paste-in-blogger.html 1/5
7/19/23, 1:35 PM How to disable copy paste of text in Blogger? - Techyleaf

. Go to Blogger dashboard > Theme > Edit HTML 09 How To Add A Popup YouTube
Video Player To Blogger Website

2. Now search for this code ]]></b:skin> or

Labels

3. Now add the below CSS code just above this code.
AdSense 10 Affiliate ma… 3

Blogger G… 60 Blogger Q&A 1

Blogger Th… 16 Blogging 23

case study 5 CSS 6

Marketing 2 Page speed 14

reviews 2 SEO 14

Tools 4 wordpress 5

➤ CSS code

Double click to copy | .css

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.

f you don't find the </b:skin> tag then you can add the CSS code in the
additional CSS section of your theme. Or add a <style> tag and paste it above
he </body> tag.

Before adding this code, take a backup of your theme file for safety and easy
estoration.

Now how can you exclude certain areas and allow users to copy the content?.
You can easily do that by using the Class element.

ust right-click on the element and click on inspect to check the CSS class of the
element on which you want to exclude.

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

Double click to copy | .css

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

https://www.techyleaf.in/2021/05/disable-copy-paste-in-blogger.html 2/5
7/19/23, 1:35 PM How to disable copy paste of text in Blogger? - Techyleaf
user-select: text !important;
}

Now paste this code just above the 1st code used in this method. Here you can
eplace any other class or id of elements in your Blogger website.

★ Note: If you are facing trouble in finding the ]]></b:skin> tag you can
paste the CSS code just above the closing body tag by using the style
tag. Just add the CSS code in this format.

Double click to copy | .css

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

Video Guide: 👇

#2: Disable text selection using Javascript

You can also disable the copy-paste function in your blogger website using
avascript code.

Here, users can copy the text from blog posts easily but can't paste the whole
ext in Notepad or any other text editor.

ust Paste the Javascript code just above the </body> tag in your theme file.

Double click to copy | .js

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

Method 3: Disable Right-Click

https://www.techyleaf.in/2021/05/disable-copy-paste-in-blogger.html 3/5
7/19/23, 1:35 PM How to disable copy paste of text in Blogger? - Techyleaf

Another commonly employed method to discourage copying is by disabling the

ight-click context menu. By preventing the default behavior of the right-click
event, you can prevent users from accessing options like "Copy."

Double click to copy | .js

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

However, similar to the previous methods, this approach can be bypassed by

determined users who know alternative ways to copy content.

recommend the CSS method as it is easily customizable and doesn't affect the
page speed and provides better protection.

Conclusion

hope you got the idea of How to disable copy-paste function on the Blogger
website. While it's not possible to completely prevent copying on your website,
employing various methods can discourage casual users from copying your
content. Techniques like JavaScript event listeners, CSS styling and disabling
ight-click can make it more challenging for users to copy content easily.

However, it's essential to remember that determined users can still find ways to
bypass these restrictions. Therefore, it's crucial to strike a balance between
protecting your content and providing a user-friendly experience on your
website.

Which of the two methods are you going to try? Let me know in the
comment section.

Also, share your doubts regarding Blogger in the comment section.

Read Also: How to lazyload YouTube iframe in Blogger to speed up loading

speed.

https://www.techyleaf.in/2021/05/disable-copy-paste-in-blogger.html 4/5
7/19/23, 1:35 PM How to disable copy paste of text in Blogger? - Techyleaf

Share This Article: Share Share Tweet

Written by Abhishek padhi

Hello there. I am Abhishek Padhi, an Indian digital entrepreneur. With a handful of years of
practice and experiment, I’m here to help bloggers like you to create an outstanding blog
and earn money from it.

COMPANY CATEGORY FREE TOOLS

Techyleaf.in
About Blogger FAQ Schema Generator Tool
Techyleaf is the information Contact WordPress FREE Robots.txt Generator
Hub of Blogging tips, Free SVG Icons SEO FREE HTML Parse Tool
Blogger tutorials, HTML & Write for us Page Speed CSS Minify Tool
CSS tricks, etc. We help Google Drive Direct Link
sitemap AdSense
bloggers run a profitable Generator
privacy Blogger Theme
Blog & earn a handful of
money out of it. More About
Us

© 2023 ‧ Techyleaf . All rights reserved. To top

https://www.techyleaf.in/2021/05/disable-copy-paste-in-blogger.html 5/5