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;        

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.



  1. Anonymous12/15/2013

    Thanks Jide, I will try it and get back to you. Happy Sunday!

    1. Ok. No problem. Wishing you a great week

  2. Jide, this innovation will be good for me ooo.... Thanks a lot.
    And emmm, am happy your blog is up ad running again.

    1. You welcome bro. Thanks for your concern.

  3. Nice Post.. I noticed you also disabled right click on your Blog sometimes ago but not anymore, why are you no longer using it ? I think its not really good for a Tech Blog though cuz it will deny loyal readers from using some functions like you already said.

    And the Smart ones like me will enable right click on a blog that right click as already been disabled, If you don't mind I can feature a Guest post on your Blog about that. Thumbs Up Bro !!!

    1. I've never disabled right-click on my blog. I only disabled it on SOME blog posts and I am still doing it.

  4. Jide this is a great tutorial, would implement it on my blog. I emailed you a guest post, I hope you got it.


  5. Is This Code Applicable To Wordpress User Platform?

  6. Great way to prevent Plagiarism....Thanks alot Jide

  7. I just made use of the codes, works fine without any hassle.
    Thanks for sharing.


Post a Comment

We Love To Hear From You But Don't Spam Us With Links!

Want to be notified when I reply your comment? Tick the "Notify Me" box.

If your comment is unrelated to this post or you're trying to ask question about an old post, please drop it at our discussion platform here.