Disable or block copy paste in blogger using css



It'll really frustrates, when you find your blog content published in some other websites as their own. We cannot completely block these kind of stealing but we can make it harder to achieve.

In the past, we often go for javascript solution but we can do it css too. In general, 'user-select' property in css will be a good choice but each vendor added their own prefix on implementation. So to make it as cross browser solution, inject below css in an element style.



-webkit-touch-callout: none;

-webkit-user-select: none;

-khtml-user-select: none;

-moz-user-select: none;

-ms-user-select: none;

user-select: none;

Example



<html>

<style type='text/css'>

.disable-copy{

-webkit-touch-callout: none;

-webkit-user-select: none;

-khtml-user-select: none;

-moz-user-select: none;

-ms-user-select: none;

user-select: none;

}

</style>

<div class='disable-copy'>Your content</div>

</html>


Above method works for websites, if you have blogger follow below method:
  • Go to Blogger -> Dash board
  • Click on Drop Down Menu -> Template
  • Backup your template
  • Then click on Edit HTML -> Proceed
  • Find "]]></b:skin>" using ctrf + f
  • Paste below code above it:


blockquote{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;

-moz-user-select: none;-ms-user-select: none;user-select: none;}


Now, where ever you use <blockquote> tag, this style will be applied and disable the copy paste functionality
 


Comments (4)
  3. Image
    Harun_shekh - Reply

    July 22, 2016

    yes it fantastic tips for me i use blogger.. working perfact

Leave a Comment