
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 Template
- Backup your Template before making any changes to your blog
- Now Click on Edit HTML > Proceed
- Press Ctrl + F and search the code ]]></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)
<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 will look 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.I will answer as soon as time allows.
0 comments:
Post a Comment