Disable Right Click On Blogger Blog With This Code

Preventing text selection on your blog is one of the more popular ways to fight plagiarism as it prevents anyone from copying texts easily from your blog. While it is effective to some extent, in preventing content theft, it also frustrates honest readers by denying them access to useful functions associated with the right click menu, such as Back, Reload, Save as.., Print etc


There are different ways you can disable right-click on your blog. The popluar methods include source padding, css encoding, javascript encryption and trapping the mouse right click.

In this post, I am sharing with you, a simple code you can use to disable text selection on your blog and it works perfectly on Blogger blogs. If you implement it, your blog readers will not be able to select any text, hence they will not be able to right-click. Although, they will be able to right-click on links and images.I like this trick because anyone trying to copy will not even see any pop up telling him or her that the right click has been disabled.

If you run an entertainment blog, you can implement this on your blog but if you run a tutorial blog, I don't think this will be a good idea unless you will ensure that your readers will still be able to copy some codes you might have shared in some of your blog posts. 

Below is the simple code you need to disable right click.

<style type='text/css'>
.post-body {
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  -o-user-select: none;
  user-select: none;        
}
</style>

If you don't want to disable right click on all your blog posts, you can just disable it in a single post by copying and pasting the code at the end of your post in the HTML view of your Blogger Post editor. (Not compose mode).

If you want to disable right click on all the posts of your Blogspot blog, go to Template > Edit HTML nd use CTRL F to find : </b:skin>

Directly below it, copy and paste the code.

Try it and let me hear from you if it works for you or not. If you know other methods, kindly share via comments.

Mind you, the smart ones will still be able to bypass it but this is still better than doing nothing. To prevent theft of your post images, I recommend you add watermark to the images to prevent reuse.



Cheers!