Home
anti-copy paste

How to implement anti-copy paste text using CSS

anti-copy paste topic thumbnail

Hello everyone, welcome here, nowadays some new starting blogs are copying others content and you may want to prevent them from copying from your website then this tutorial is for you. In this tutorial, we are going to show you How to implement anti-copy-paste text using CSS. So without wasting much time let's check how to implement it.

How to implement anti-copy-paste text using CSS in Blogger?


  • First, go to your Blogger dashboard
  • Then click on the Theme option
  • Then click on the drop-down icon near Customize option
  • Then click on the Edit HTML option
  • Then find ]]></b:skin> and paste the following CSS just above it or you can paste it above </head> tag by adding <style></style>

    • /* Anti-copy paste (STW-WEB) */ body{display:block;-khtml-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}

  • Then Save HTML

    • How to implement anti-copy-paste text using CSS in an HTML website?


    You can paste it above </head> tag by adding it under <style></style>
    /* Anti-copy paste (STW-WEB) */ body{display:block;-khtml-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}

    Enable copy-paste for a specific element


    .your_class_here{user-select:text}

    Don't forget to replace your_class_here with the element class which you need to enable copy-paste.


    Conclusion


    Hope this How to Implement anti-copy paste text using CSS tutorial will be useful to you, If you have any doubts related to this tutorial ask me in the comments, Do share them with your friends, Thanks for visiting our site, Have a nice day!