How to disable mouse 🖱️ right click button on blog website 🔥

How to disable mouse right click button? Today, many people are taking interest in blogging. It is more difficult for Google to enter the first page of search results.

And to get in the top rank, you are giving your time to write quality articles in your blog. Therefore you need to protect your blog content from being copied by other bloggers.

Using this right click disabled script code, you can block all the contents of your website. But sometimes we are allowed to copy the content to our visitor.

For example, you can copy right click disabled scripts from my website. But I want you to only be able to copy the script and not select the rest of the content. In this you can copy Blockquote but not other content.

How to disable mouse 🖱️ right click button on blog website 🔥

Visitors to your blog are allowed to copy textual content inside Blockquote, but text outside of Blockquote is not allowed.

This is the best way to disable content selection because we are going to use CSS3 which is a better option than JavaScript because CSS will not affect your extra webpage load time.

How to disable text content selection?

Step 1: Login to your Blogger account and go to Theme, and click on Edit HTML button.

Step 2: Click inside the code area and press Ctrl + F, now type find this code element, after getting <! [CDATA] then paste the below given CSS code and then save it.

body {
-webkit-touch-callout: none;
-khtml-user-select: none;
-moz-user-select: -moz-none;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none;
}
blockquote {
-webkit-touch-callout: text;
-khtml-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
-webkit-user-select: text;
}

Except for blockchot, other textual content will be disabled. If you want to select the comment area or the text of your widget area, just change the body to .post.

An example is to write ".post {" instead of "body {".

It is very easy to use in Wordpress.

You have to login to your Wordpress dashboard, then through Appearance -> Editor

As soon as you click on the editor, you will have to edit the Style.css file. In this, you have to copy the code below and paste it into the Style.css file. Then save it.

body {-webkit-touch-callout: none;-khtml-user-select: none;-moz-user-select: -moz-none;-ms-user-select: none;user-select: none;-webkit-user-select: none;}

The advantage of this method is that other people who copy content click very easily. After using this code, he will not be able to right click. Which will prevent your content from being stolen. However this is not difficult for those who have a good knowledge about coding.

How did you like this article, do let us know by commenting, comment below for any other help or suggestion. I would be happy to help. Thank you for reading the article!

Post a Comment

Thanks for any suggestions or questions! We will reply to your message soon.

Previous Post Next Post