Many ways you can do to prevent copy and paste content or blog posts, either by using plugins or without plugins, using scripts php, javascript etc, but it is so easy anyway to outsmart as I discussed in my previous post is a way to overcome disable right click.

How To Prevent Content Blog Copy Paste

The last few months I idly post script function to disable CSS user-select function in mouse (mouse selection) so that visitors can not select text / text using the left mouse especially in the post.

Because this blog post that contains many tutorials inside many script / code to be shared so that part (the part that contains the script / code) must be able to copy and paste. This is actually my anticipation by making a conditional tag that is in the element <pre> </ pre> (elements to put the script / code) on this blog can still be copied code.

Fortunately, with conditional tag could run in the Chrome browser. But for Firefox conditional tag was not functioning (the part that contains the script / code still can not be copied), this is really beyond my expectations because I often use Chrome, and only I knew a week ago after many protests are not can copy code from this blog. On this occasion as well I apologize, if there are some visitors who have difficulty with the copy and paste script / code, especially when using Firefox. However, this problem can be I solved that by disabling the function of user-select only the element that contains the syntax <p> </ p> (paragraph), while for <pre> </ pre> (elements to put the script / code) remains can be copied code.

Because I disable user-select function (visitors can not select text / text using the left mouse) turned out pretty much asking way pair. Even though this way had it long enough and have a lot to post them but there are still many who do not know how. And the following script / CSS code that I use:

display: block;

-khtml-user-select: none;

-webkit-user-select: none;

-moz-user-select: none;

-MS-user-select: none;

-o-user-select: none;

user-select: none;

unselectable: on;

 

Add script / code of the CSS on the properties of an ID or class to deactivate the selection mouse, for example, if it will be implemented in all the elements of a blog from head to toe, we could add the code in the body properties:

body {display: block;

-khtml-user-select: none;

-webkit-user-select: none;

-moz-user-select: none;

-MS-user-select: none;

-o-user-select: none;

user-select: none;

unselectable: on;}

 

Or for example, only at the post just simply add the code to the properties of the ID or class of posts, for WordPress typically use ID or class.post or some are using .post .content, please adapted to each theme. For a tutorial blog that contains the script / code to be shared should script / code to disable user-select is placed in the <p> </ p> (paragraph) in the post so that part of the <pre> </ pre> (elements to put script / code) that can still be copied (incidentally I have used this way). If the class of <p> </ p> (paragraph) in the posting are not in the CSS file, we could add. This is how:

Search for ID or class of posts, for example, to the theme that I use this (theme Inove) class in the post called .post .content then we create a separate class be .post .content p (p letter written behind) then enter the script / code to disable CSS user-select the properties of the class that we created earlier, the overall code becomes:

.post .content p {display: block;

-khtml-user-select: none;

-webkit-user-select: none;

-moz-user-select: none;

-MS-user-select: none;

-o-user-select: none;

user-select: none;

unselectable: on;}

 

The explanation of the code above is:

 

For Webkit, the syntax:

-webkit-user-select: auto | none | text

auto: the user can select conten of an element.

none: the user can not select content (disable user-select).

text: The user can select the text of an element.

 

Example:

the user can select conten of an element:

p {-webkit-user-select: auto;}

the user can not select content (disable user-select):

p {-webkit-user-select: none;}

 

the user can select the text of an element:

p {-webkit-user-select: text;}

 

To Gecko / Firefox syntax:

-moz-user-select: none | text | all | element

 

For Internet Explorer 10 syntax is used:

-MS-user-select: none | text | auto | element

none: the user can not select content (disable user-select).

text: The user can select the text of an element.

auto: the user can select conten of an element.

Note:  This way it can not be implemented in the Opera browser.