BloggerTips Blogging

How to Disable Right Click Menu on Website/Blogger/Webpage

Disable Right Click Menu on Website/Blogger/Webpage


Website owners may face the issue the copy content from blogs and websites. They don’t know how to disable right click option on website that helps you to protect your content. Users are unable to copy your content by clicking right click to copy the content on your website. Hope you got what I am trying to say you. So, disable mouse right click option on your website from the below procedure.


DISABLE%2BCOPY
This process is 100% works for everyone because I applied it on my blog after that copy and pasting is disabled.
Of course you can think that user can copy content using Ctrl+C and any other way. I am sharing this article to protect your website from the users who use right click only. Just try it and save your content from plagiarism.
How to Disable Right Click Using jQuery
I am going to disable right click using JQuery, so follow below steps and apply to your websites.
Just Copy the below Jquery and paste it into your website header. Better to place this code before closing head (/head) tag
<script src=’https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js’ type=’text/javascript’></script>
<script src=’http://code.jquery.com/jquery-migrate-1.2.1.js’></script>
<script type=’text/javascript’>
//<![CDATA[
jQuery(document).ready(function($) {
    $(document).bind(“contextmenu”, function(e) {
        return false;
    });
});
//]]>
</script>
Note: please check the code in head and remove the first two lines from the code if already JQuery is in your website header Just copy the below code and place before closing head tag
<script type=’text/javascript’>
//<![CDATA[
jQuery(document).ready(function($) {
    $(document).bind(“contextmenu”, function(e) {
        return false;
    });
});
//]]>
</script>
See How I Applied My Test Website:
  • Check the below image how I have placed the JQuery code in header section (Before /headtag) 
  • Save the layout and check your website by giving right click

DISABLE COPYING

I am giving the steps below for Bloggers and WordPress user 

“How to disable right click on website



For Bloggers:
  • Log on to your blogger and open your blog
  • Go to Template and click Edit HTML
  • Check for /head in the code and place the JQuery code before /head tag

For WordPress:
  • Open your site dashboard and
  • Go to Appearance click editor
  • Open header.php file check for /head and place the code before that tag
Place the code any where on your header part if you have HTML, PHP or any other websites

kindly share as you Read


About the author

Mathias Amodu

A Web Developer, 018 NIRA Award winner for Youth Development, Quickteller Ambassador, A Web Specialist, Blogger, Student, Son and a business Man.

Leave a Comment