0:00
Hello everyone, welcome to Key to Blogging and in this video I will show you how you can
0:04
disable copy paste in your blogger website. So you can easily do this by using a CSS code
0:11
First of all, let's see how you can do that. So let's open a page and as you can see anyone can copy this line of text in your blog post
0:23
So you can easily disable this by going to the theme section and click on Edit HTML
0:29
And before changing anything, make sure to take a backup of your theme so that in case if
0:36
you do anything wrong, you can easily restore it back by uploading the backup file
0:43
So first of all, find this code. To copy this and here click on Control Plus app and search this code
0:54
And here you have to paste this code just above this code
0:58
So copy this code and paste it here
1:07
Now shape your theme. Let refresh this page again And as you can see the copy paste function is disabled in this website But suppose you want to enable copy paste in this quotation box and disable copy paste any other
1:32
part of your blog post. So you can easily do that by adding a CSS code just above it
1:39
So first of all, right click on it and click on Inspect Element
1:44
And here is as you can see the class is block code
1:49
So you have to copy this code in this format. You have to put your class here and then add this code
1:58
So just copy this code and go to the theme section and again go to the B-skin tag
2:08
So let me just find this code. And here, paste this code just above this code and save your theme
2:21
Let's refresh this page again. And as you can see, the copy paste function is disabled, but I can copy this part of this text
2:31
which is inside the block code. So in this way you can easily exclude a certain part of your website from copy paste and You can easily add that class in this code and exclude it And there is a second method and here you will use this JavaScript code
2:52
So just copy this and you can remove the previous code
3:06
go to the closing body tag and paste the JavaScript code here and save changes
3:18
Let's refresh this page and as you can see user can copy this text easily and when they
3:28
try to paste this code in the node fed or any other editor it will not copy the
3:36
actual text and it will copy the previous copied text in the clipboard
3:41
So you can easily prevent copy paste in your blogger website. But there is a downside using this JavaScript method
3:50
As I disable the JavaScript in the browser, it will be easy to copy this text
4:01
So it is better to add CSS method So let me just disable the JavaScript code and let refresh this page
4:13
And let's try to copy this paragraph again and let's paste this text
4:21
As you can see, the text is copied by just disabling the JavaScript code in the browser
4:28
So that's why I recommend you to use the CSS code method
4:32
In this way you can prevent copy paste in your blogger website
4:38
But you note that advanced user can easily copy paste your text by checking the source code
4:44
by clicking on the inspect element. But this is fine for normal users and you can easily add a security layer in your blogger website
4:57
I hope this tutorial will help you disable copy paste in your website and your website and you will
5:02
website and if you have any doubt regarding this, you can ask me in the comment section
5:07
or you can ask in the Telegram channel. I will see you in the next video
