Disable content selection except on blockquote using CSS

Disable content selection except on blockquote using CSS





I have already written this tutorial on my previous blog which is now no longer active so I’ve decided to write it all over again on this new blog because this one is very useful for those bloggers who writes each and every word all by themselves and some copy bloggers steals it within seconds. I think you have already got the clue what this post is all about. Still let me clear it to you that in this post, I will show you how you can disable content selection of your whole blog except for the <blockquote> tag. I’ve excluded blockquote because there are some blogs which shares tutorials on coding ‘like mine’ where the visitors might need to copy the codes so that they can use it or else, they will have to write it down all by themselves. One more thing you should know is that for disabling, we are going to use pure CSS3 which is a better option than JavaScript because CSS is much easier than JavaScript.
Below is the CSS to disable content selection except blockquote-
body {
-webkit-touch-callout: none;
-khtml-user-select: none;
-moz-user-select: -moz-none;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none;}
blockquote {-webkit-touch-callout: text;
-khtml-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
-webkit-user-select: text;}
For Blogger blogs, place the above code in-
  • Template- Customize- Advanced- Add CSS.
For WP blogs, place the above code in-
  • Appearance- Editor (style.css)
Then save it and you are done.

Also, if you don’t want to exclude even the blockquote area, then use the below code instead-
body {
-webkit-touch-callout: none;
-khtml-user-select: none;
-moz-user-select: -moz-none;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none;}
That would be enough to protect your blog from 90% content thieves.

It’s better to stay protected even if you see that no one is copying from your blog because at some point, your blog will definitely catch the eye of copy bloggers. Trust me, I have my personal experience with these copy bloggers and believe it or not, I have totally deleted my blog later on. ‘CrazyTechLab.org’ was the blog of mine which is now no longer active and the reason was this. I hope someday we all can blog in peace with our own unique articles.
Stay Protected. Happy blogging.

Posted by Edit Post

Free responsive blogger templates
Random PostsTemplateTell

    0 comments:

    Dear Reader! We’re enthusiastic to see your comment but after reading the Content please ask for advice and to provide constructive feedback Please Write Relevant Comment with Polite Language.Your comments inspired me to continue blogging. Your opinion much more valuable to me. Let’s enjoy a personal and evocative conversation. Thank You!