Banyak website yang memiliki content yang menarik, dan terkadang isi dari content tersebut dapat diambil dengan cara meng-copy isi dari content yang kita miliki, salah satu cara untuk mencegah supaya isi dari content yang kita miliki tidak mudah di ambil oleh orang lain maka kita bisa menggunakan salah satu cara yaitu dengan cara disable atau menghilangkan klik kanan yang terdapat pada website tersebut sehingga isi dari content nya tidak mudah diambil oleh semua orang, Cara Menghilangkan Klik Kanan Pada Website langkah pertama yaitu tentunya silahkan teman-teman buka website yang ingin teman-teman hilangkan klik kanannya, jika tidak ada langkah pertama kita akan membuat file index sebagai struktur dari HTML nya selanjutnya kita akan membuat file CSS untuk mengatur layout atau tampilan dari website tersebut, dan yang terakhir barulah kita akan menyisipkan script untuk javascriptnya.
Oke teman-teman kita langsung saja masuk pada langkah yang pertama kita akan membuat sebuah website sederhana untuk menjalankan fungsi dari disable klik kanannya silahkan teman-teman simpan script dibawah ini dengan nama index.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>DUMET School</title>
<link href="style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class="container">
<header>
<h1>DUMET School</h1>
</header>
<menu>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
</ul>
</menu>
<article>
<h2>Welcome</h2>
<div class="articleLeft">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
</div>
<div class="articleRight">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
</div>
</article>
<footer>
<p>DUMET School | © 2017</p>
</footer>
</div>
</body>
</html>
Selanjutnya kita akan mengatur layout atau tampilannya dan untuk scriptnya silahkan teman-teman simpan script dibawah ini dengan nama style.css
* {padding:0; margin:0}
.container {width:800px; margin:auto}
header {color:#FFFFFF; padding:30px 20px; background-color:#567d9a;}
menu {background-color:#2df068; overflow:hidden}
menu a {text-decoration:none; padding:10px 20px; display:inline-block; transition:ease all 0.3s}
menu a:hover {background-color:#e91e63}
menu ul {list-style:none}
menu ul li {float:left}
article {overflow:hidden; padding:20px; background-color:#c5cae9;color:#333}
.articleLeft {width:370px; float:left}
.articleRight {width:370px; float:right}
footer {color:#FFFFFF; padding:15px 20px; background-color:#567d9a;}
Berikutnya yang terakhir kita akan menyisipkan sebuah javascript pada file index.html karena script dari javascript tersebut yang akan menjalankan proses untuk disable klik kanannya, nah silahkan teman teman-teman letakan script dibawah ini antara tag <head>…</head>
<script type="text/javascript">
var message="Sorry Tidak Boleh...!";
function clickIE4(){
if(event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if(document.layers||document.getElementById&&!document.all){
if(e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if(document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}else if(document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false");
</script>
Jika kita coba jalankan pada browser, dan silahkan klik kanan pada content tersebut maka akan terlihat hasilnya seperti dibawah ini
Nah bagai mana teman-teman itu lah salah satu cara supaya isi dari content yang kita miliki tidak mudah diambil oleh orang lain, sekian dulu tutorial saya kali ini tentang Cara Menghilangkan Klik Kanan Pada Website.
Semoga Bermanfaat.
Terimakasih.
The post Cara Menghilangkan Klik Kanan Pada Website appeared first on Kursus Website Terbaik.