Prevent text selection in Blog Post excluding Blockquote
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.
2 comments