Prevent text selection in Blog Post excluding Blockquote

How to disable text selection to stop content copy?
How to disable text selection to stop content copy?

Blogger work hard for producing content. But many new Blog user simply copy and paste the content in their Blog. But they don't know that they are doing bad for their Blog SEO. Because if Google found copied content then they will obviously penalize that Blog.

However there are many function has evolve for stop copying the Blog posts like disabling right click but there has some problem because people can easily copy the content. Beside of this there are other option where you can prevent a user Blog post content. But readers only able to copy the code from Blockqute only.  This is simple method but effective. This is prevent readers to copy the text directly. But if you shared some code for widget then simply you can share it on blockquote and user will able to copy that code.

Step 1 Log in to your Blogger Account and Go to your Blogger Dashboard

Step 2 Now click on -> Template -> Edit HTML

Step 3 Now Find this code ]]></b:skin> by Pressing Ctrl+F (Windows) or CMD+F (Mac) 

Step 4 Paste the below code  Before/above ]]></b:skin> and Save the templates. 
.post-body {
 -webkit-user-select : none ;
 -khtml-user-select : none ;
 -moz-user-select : none ;
 -ms-user-select : none ;
 user-select : none ;
}
This code will prevent readers for select any text from your Blog post. As a result the won't copy the any text.

Step 5 Copy and Paste the below code Before/above ]]></b:skin> and Save the templates. The following code will allow users to copy the code from Blockquote only. But readers can't copy any text outside of blockquote.

.post-body blockquote {
 -webkit-user-select : text ;
 -khtml-user-select : text ;
 -moz-user-select : text ;
 -ms-user-select : text ;
 user-select : text ;
}

Some Blogger use Pre code instead of blockquote. Pre and blockquote is almost same. But if you are using Pre code then apply the following code-

pre {
 -webkit-user-select : text ;
 -khtml-user-select : text ;
 -moz-user-select : text ;
 -ms-user-select : text ;
 user-select : text ;
}

This will allow the readers to copy the code under pre section. I think this will help you protect your content but those option will make little harder for copying text. Thank you. 
Go Up