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.Live Demo can be seen in this blog.
Advantages of this CSS:
No javascript .So, It does not affect your blogs load time.
It works on all major browsers.
You can use this css in all type of blog niche.
How to add this CSS to your blog ?
Login to Blogger > Dashboard
Click on Drop Down Menu and select Template
Backup your Template before making any changes to your blog
Now Click on Edit HTML > Proceed
Press Ctrl + F and search the code shown below.
Advantages of this CSS:
No javascript .So, It does not affect your blogs load time.
It works on all major browsers.
You can use this css in all type of blog niche.
How to add this CSS to your blog ?
Login to Blogger > Dashboard
Click on Drop Down Menu and select Template
Backup your Template before making any changes to your blog
Now Click on Edit HTML > Proceed
Press Ctrl + F and search the code shown below.
]]></b:skin>
Paste below codes above it.
.post-body {-webkit-touch-callout: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; text-align: justify;} blockquote {-webkit-touch-callout: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text;}
Editing CSS
Replace blockquote with your html tag to which you use to display the codes.Example:I am using blockquote tag to highlight the codes (i.e)
Replace blockquote with your html tag to which you use to display the codes.Example:I am using blockquote tag to highlight the codes (i.e)
<blockquote>
code goes here....
</blockquote>
So, I used blockquote tag in above css.If your using something <codeview> your text </codeview> ,You need to replace blockquote with codeview.Now your css codes wil llook like,
.post-body {-webkit-touch-callout: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; text-align: justify;} codeview {-webkit-touch-callout: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text;}
Now save the template .
Congratulation, now your blogger site is completely plagiarism protected.Remember this code is secure and it does not harm your SEO.Please share this post with your friends.If you have any doubts regarding this topic,Just comment below.
