Disable Text Selection in Blogger Using CSS


Most of the Genuine Bloggers faces the problem of plagiarism. Generally the New bloggers do not understand the value of quality content. You are spending a lot of time to write your blog posts but a content thieve visits to your blog and copies all your work. Some times those content thieves results can be first in Google Search then you , So its a head cache for you .You can use disable copy script in your blog.But If your blog deals with some tutorial codes or text to be copied,you cant use that script.So today, I am going to reveal a trick to disable copying except your specified codes to be copied using simple css tricks.

As usual Login to Blogger >> Dashboard >> Template >> Edit HTML. Backup your Template before making any changes to your blog.

Press Ctrl + F and search the code shown below.
]]></b:skin>
Paste below codes above it.
body {
-webkit-user-select: none; /* Chrome all / Safari all */
-moz-user-select: none; /* Firefox all */
-ms-user-select: none; /* IE 10+ */
-o-user-select: none;
user-select: none;
}
The above code disable all the elements include images, tables and blockquote. If you're sharing some coding in your blog, then this code can also create problem for viewers, but no worry, you can leave blockquote and tables for selection. You just need to add below CSS code too.
.post blockquote, .table{
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
The above CSS code allow to your visitors to copy the table and blockquote content.

The above code may not be working for every blog. If a blog template has different a class of CSS e.g. in some template used .blockquote instead of .post blockquote. So, you needed to find out it and replace .post blockquote with it.

I hope you will be learned how disable the mouse selection in blogger blog. If you are facing any problem with this track, then share with us in the comment. Thank you!

0 comments:

Post a Comment