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>
pada halaman
Edit Template :
<!-- 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. :)
Welcome to my blog 😊
