Prevent text selection in Blog Post excluding Blockquote

How to disable text selection to stop content copy?

Comments: 2
data:blog.title
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. 

Speak Your Mind

Thanks, I see one blogger copy one of my post for his blog :( but now They can't copy anything from my blog.

Hi Enri.. in the above tutorial step 5 is for allowing users to copy from blockquote and pre code. :t

Facebook Group Community Code ConverterHide Code Converter Show EmoticonHide Emoticon

If you Got questions? Ask ’em below! While we’re here, you might like to leave a comment and let me know if you have any stories or questions.

Make sure you tick the Notify Me box below the comment form to be notified of follow up comments and replies. Thank you for commenting

Contact Form

Name

Email *

Message *