How to show the menu when on the right click Avoid copy paste

How to show the menu when on the right click Avoid copy paste

Disable Right Click And Change With Open Menu . This tutorial we will modify the appearance of the right click by bringing up the navigation menu that has been provided ...

This is the same as disabling right-click with auto redirect, the difference is that in this tutorial we do not convert into an auto redirect but by bringing up the menu bar ..
Usually when blog on the right click will appear Save Page As ... Menu, Select All, View Page Source, View Page Info. Now we will replace that article with the mnu that we made ...

and at least hinder the Copaser to copy paste the articles that we are tired of making

The first step, you first login to your blogger

After logging in, go to the Template menu, Edit HTML
Before Checking whether the template is already installed jquery library?
If not, please enter the script below directly above the code</head>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

Next look for the code ]]><b:skin>or </style>

after found Enter the CSS code below right above it

.menuMsTamvan{max-width:250px;color:#fff;position:absolute;z-index:99;display:none;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);border-radius:3px;overflow:hidden;    font-family: 'Museo', sans-serif, Arial;text-transform:uppercase;font-size:12px;}@media only screen and (max-width:300px){.menuMsTamvan{width:50%}}@media only screen and (min-width:300px){.menuMsTamvan{width:30%}}.menuMsTamvan ul{z-index:99999999999999999999;list-style:none;padding:0;margin:0}.menuMsTamvan ul li{margin:0;padding:0}.menuMsTamvan ul li a{padding:4%;display:block;box-sizing:border-box;text-decoration:none;position:relative;background:#fff;color:#000;-webkit-transition:background-color 500ms linear;-moz-transition:background-color 500ms linear;-o-transition:background-color 500ms linear;-ms-transition:background-color 500ms linear;transition:background-color 500ms linear}.menuMsTamvan ul li a:hover{background-color:#475dc5;color:#fff}

If you have found the search code </body>

After Found Enter the Script Code below right above it

<script type='text/javascript'>
$(document).ready(function(){$("html").on("contextmenu",function(n){n.preventDefault();var t=$(".menuMsTamvan");t.hide();var e=n.pageX,o=n.pageY;t.css({top:o,left:e});var i=t.width(),a=t.height(),c=$(window).width(),h=$(window).height(),s=$(window).scrollTop();e+i>c&&t.css({left:e-i}),o+a>h+s&&t.css({top:o-a}),t.show()}),$("html").on("click",function(){$(".menuMsTamvan").hide()})});
jQuery(document).keydown(function (event) {if (event.ctrlKey && event.shiftKey && event.keyCode == 73) {return false;
}});jQuery(document).keydown(function (event) {if (event.keyCode == 123) {return false;}
});jQuery(document).keydown(function (event) {if (event.ctrlKey && event.keyCode == 85) {return false;}});

To be accessed more quickly Save this HTML Code Right under the code <body>or<body expr:class='data:blog.pageType'

<div class='menuMsTamvan'><ul>
<li><a href='#'>APLIKASI</a></li>
<li><a href='#'>BLOGGER</a></li>
<li><a href='#'>CODING</a></li>
<li><a href='#'>Tips &amp; Trik</a></li>
<li><a href='#'>Play store</a></li>
<li><a href='#'>App store</a></li></ul>

If you have click Save Theme ... see the results

Ok ... That's the first time how to display the menu when on the right click to avoid copy paste,
hopefully useful for all my friends

Baca juga

Post a comment