How to Disable Copy Function on Blogger By CSS or JavaScript

We spend hours and days in writing blog posts and polishing our content, no doubt. Yes, we all bloggers always remain curious for our dream blog that how can we lead it to the next level.

Sometimes we notice that our content is being copied and shared by some content thieves. Many newbie bloggers do this type of content-copying and then share it to their blogs just for quick money making mentality & the weird thing you have to get that sometimes this copied content gets higher ranking on search engine than the genuine one.
How to Disable Copy Function on Blogger By CSS or JavaScript

Isn't it irritating for bloggers? It is a major issue for blogspot users as well as others. There are many plugins for wordpress to disable copy paste function, but for blogger you don't get any official.

So, In this post i am going to deal with this issue and trying to share that how we can disable copy function (text selection) on blogger.

Guys, as you know blogspot always lacks in plugins and widgets. Like wordpress, we can't deal with each and every issue by a plugin in blogspot. Although, there is option of edit html by which we can add or implement something and modify it according to our needs.

To disable copy-paste function on blogger, I am here with 2 easy ways of implementation. First one is by javascript and another one by CSS. So, lets move forward and disable text selection on blogger.

How to Disable Copy Function (Text Selection) on Blogger (BlogSpot)?

Method #1 - By Javascript
  • Go to Blogger Dashboard and Select Your Blog.
  • Go to Template > Edit Html.

DISABLE COPY PASTE ON BLOGGER
  • Now Search For </head> there.
  • After Finding, Copy the Below JavaScript Code & Paste Exactly Above </head>
<script language='JavaScript1.2'>
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function (&quot;return false&quot;)
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>

Now, Save Your Template and You are Done!!!Important: Here, I am sharing another method and thats is by adding some CSS elements. Guys, JavaScript can't be helpful for you all the time as your content can be copied by disabling JavaScript simply. When we use CSS, no one can disable it simply, unless he is a geek.Also, if you have something to share that you visitor need to copy then you can enable it for special class(es).
Method #2 - By Adding CSS
  • Again Start With Boring Steps. Log in to Blogger Dashboard and Select Blog.
EDIT HTML - DISABLE COPY PASTE ON BLOGGER
  • Now Go to Template > Customize.
  • Here, Click on Advance and You will Have a Box to Add CSS.

ADD CSS - DISABLE COPY BLOGGER

  • Now, Copy the Below Code and Paste there.
body {
-webkit-user-select: none !important;
-moz-user-select: -moz-none !important;
-ms-user-select: none !important;
user-select: none !important;
}

  • Click on Apply to Blog and Thats All.
Final Words:
So Guys, that's my clean and best explanation on how to disable copy-paste function on blogger blogs. I hope you liked and it worked for you perfectly. Its a great idea to protect your valuable content from being copied. Happy Blogging :)
Previous
Next Post »