Cara Menampikan Menu Saat di Klik Kanan Terhindar dari Copy Paste

Disable Klik Kanan Dan Mengalihfungsikan Dengan Open Menu. Tutorial kali ini kita akan memodifikasi tampilan klik kanan dengan memunculkan menu navigation yang sudah di sediakan...

Ini sama saja dengan disable klik kanan dengan auto redirect, bedanya pada tutorial ini kita tidak mengalihfungsikan menjadi auto redirect tapi dengan memunculkan menu bar..

Biasanya ketika blog di klik kanan akan muncul Menu Save Page As.., Select All, View Page Source, View Page Info. Nah Kita akan mengganti tulisan itu dengan mnu yang kita buat..

dan Setidak nya menghalangi para Copaser untuk Copy Paste Artikel yang sudah cape cape kita buat

Ok langsung ...

Langkah pertama, kalian login terlebih dahulu ke blogger kalian

Setelah login, masuk ke menu Template, Edit HTML
Sebelum nya Cek Template apakah sudah Terpasang jquery library ?

Jika Belum ada, silahkan masukan terlebih dahulu script dibawah ini tepat di atas kode</head>

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


Selanjutnya cari kode]]><b:skin>atau</style>

Setelah Ketemu Masukan Kode CSS dibawah ini tepat diatasnya

/* 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}


Jika sudah Cari cari kode</body>

Setelah Ketemu Masukan Kode Script dibawah ini tepat diatasnya

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


Supaya Terakses lebih Cepat Simpan Kode HTML ini Tepat di bawah kode<body>atau<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>


Jika sudah klik simpan Tema ... lihat hasil nya


Ok... Sobat Sekian Dulu Cara Menampikan Menu Saat di Klik Kanan Terhindar dari Copy Paste
Semoga Bermanfaat Bagi sobat semua

Related Post

Comments

Silahkan Memberikan Komentar Jika Ada Hal Yang Kurang Dipahami Dengan Topik Yang Telah Sobat Baca. Biasakan Berkomentar Dengan:

♥ Sopan dan Bahasa Yang Mudah Dipahami.
♥ Tidak Memasukkan Link Aktif Dalam Form Komentar.
♥ Berkomentar Sesuai Artikel Atau Postingan.
♥ Berilah Informasi, Jika Script Atau Link Yang Tidak Berfungsi Dan Mati.
♥ komentar Jorok / Kasar / SARA / PORNO Anggap Sebagai SPAM.
EmoticonEmoticon