Prevent text selection in Blog Post excluding Blockquote

How to disable text selection to stop content copy?

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. 
Prevent text selection in Blog Post excluding Blockquote
4 Stars stars - "Prevent text selection in Blog Post excluding Blockquote " Blogger work hard for producing content. But many new Blog user simply copy and paste the co...

Post a Comment

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 Disqus Channel Code ConverterHide Code Converter Show EmoticonHide Emoticon

Got questions? Ask ’em below! While we’re here, you might like to give any feedback about this Post, Your comment inspire us to continuous Improvement of This Blog and Contents. Your words are your own, so be nice and helpful if you can. Please, only use your REAL NAME, not your business name or keywords. Using business name or keywords instead of your real name will lead to the comment being deleted. Anonymous commenting is not allowed either. Limit the amount of links submitted in your comment. We accept clean XHTML in comments, but don't overdo it please.

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 *