Cara menonaktifkan CTRL+U dengan pemberitahuan. - Blogging oh Blogging, Setelah menerima permintaan tutorial dari teman2 tentang"Bagaimana cara menonaktifkan CTRL+U dengan pemberitahuan". alhamdulillah saya masih diberi kesempatan untuk memenuhi permintaan sahabat blogger yang sudah request.
Untuk sobat yang penasaran seperti apa DEMO nya silahkan sobat klik disini kemudian sobat tekan shortcut
CTRL + U pada keyboard sobat. Cara Pemasangan :
1. Pastikan sobat sudah memasang JQuery Library, versi berapapun itu. jika belum silahkan simpan script external dibawah ini tepat di atas code]]></b:skin><!-- Library jQuery -->
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
Catatan : Pemasangan JQuery dalam blog hanya boleh 1x saja, jika lebih dari 1 maka Efek-efek yang mengandalkan fungsi JQuery tidak akan berfungsi.
2. Jika sudah memasang code JQuery Library seperti di atas, lanjut ke pemasangan CSS. Cara-nya cukup simpan code CSS di bawah ini tepat di atas code
</head> :<style>
#controlu {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 100005;
background: rgba(0,0,0,.8);
display: none;
color: #000;
text-align: center;
}
#controlu a {
color: #079aec;
}
#controlu #controluinner {
padding: 10px;
max-width: 450px;
height: 60px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
font: 400 13px/20px Arial,sans-serif;
background: #eee;
border: 10px solid #555;
font-size: 130%;
}
</style>
3. Lanjut lagi dengan memasang code JavaScript nya sob! Cara-nya cukup simpan code JavaScript dibawah ini tepat sebelum code
</body> : <script type='text/javascript'>
// Disable ControlU
function controlu(a){var e=document.getElementById("controlu");var h=document.getElementById("controluinner");var b="Haha, ketauan!! mau ngintip code yaa?? <img src='//googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/ngakak.gif' style='width:60px;height:50px;'/>";if(a.ctrlKey&&a.which==85){e.style.display="block";h.innerHTML=b;return false}}document.onkeydown=controlu;
</script>
4. Langkah Terakhir, simpan kode HTML di bawah ini tepat setelah code
<body> :<div id='controlu' oncontextmenu='return false'><div id='controluinner'/></div>
Setelah itu Save Template!
Selesai!
Mohon maaf, jika ada salah kata dalam penyampaian/penjelasaan, kritik dan komentar sangat saya harapkan.Semoga bermanfaat & Happy Blogging sob. :)