Are you seeking for how to protect blog content from copying?
Do you want to disable text section on your blog without losing page speed?
If yes! So, you are in the right place. So, walk with me and learn how to disable text selection on the blogger/Blogspot blog.
Why you should disable copy-paste in blogger/Blogspot blog
Many bloggers become hopeless because they are facing trouble from lots of content cheater. Many new Blogger due to money and lack of knowledge, they just come to your blog and copy-paste your content on their blog as their content. This thing might happen only for earning purposes. When copied blog rank better than your original content it ultimately affects ranking your blog on the search engine like Google and Bing.
In terms of indexing, all know that newly published posts, Google will not index immediately. So, one of the ways Google determines the original post which is first shared on social media. It means Google suggests you ASAP (as soon as possible) share your posts on various social media like Facebook and Twitter to save from cheater.
It is right but many of the times it will not work for you. In this case, you need to disable text selection on your blogger site. So, in this post, I will share with you two tips that will help a lot to prevent blog cheater from your blog.
Disable text selection on blogger using CSS Code, except for Blockquotes
To implementing below CSS code on your blogger blog, you must follow the given steps-
 |
| Blogger Dashboard |
- Open your blogger dashboard.
 |
| Adding CSS code to disable copy paste on Blogger blog |
- Click on Theme > Click on Edit HTML.
- Click anywhere inside the HTML area> Press Ctrl+F then instantly will open a Search box
- Paste this code ]]></b:skin> on the box and search it.
- Just above the ]]></b: skin code, copy and paste the codes provided below.
.post blockquote{-moz-user-select: text;-webkit-user-select: text;-ms-user-select: text;user-select: text;}
.post code {-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}
body {-webkit-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;}
This code allows the readers to copy the Blockquotes texts and Codes while disallowing copy to all the text.
Note: To disable only text remove highlighted code with pink colour.
Disable text selection on blogger blog using JavaScript
When it comes to saying page loading speed, here an issue of using JavaScript because it decreases your loading speed and ultimately provides a bad user experience. That is why I do not recommend you disable text selection on blogger blog using JavaScript but it depends on you whether you choose or not.
To implementing below code on your blogger/Blogspot blog-
- Open blogger dashboard.
- Click on Layout.
 |
| Add a Gadget to adding JavaScript to disable Tex selection on Blogger blog |
- Click on Add a Gadget ( you can add anywhere).
 |
| Select JavaScript/HTML to disable text selection on your blogger blog |
- Select HTML/JavaScript
- Copy and Paste the code provided below.
 |
| Paste JavaScript code to disable text selection and save your blog content |
- Uncheck Show HTML/JavaScript >Save without a title.
<!- start disable copy paste --><script src='demo-to-prevent-copy-paste-on-blogger_files/googleapis.js'></script><script type='text/javascript'> if(typeof document.onselectstart!="undefined" ) {document.onselectstart=new Function ("return false" ); } else{document.onmousedown=new Function ("return false" );document.onmouseup=new Function ("return false"); } </script>
<!-- End disable copy paste --></!->
I hope this post will help you a lot. Please leave a comment on the comment section and tell us how can we improve our work.
And if you think it's really helpful for your friends please make a share.
Thanks for reading.