-->

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

/* MENU KLIK KANAN */
.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'>
//<![CDATA[
// MENU KLIK KANAN
$(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()})});
// VARIASI KEYBOARD (DILARANG)
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;}});
//]]>
</script>


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>
</div>


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