Simple And Custom Disable CTRL+U With Notification

Monday, May 12, 2014

Simple And Custom Disable CTRL+U With Notification

Blogging oh Blogging, Setelah menerima permintaan tutorial dari sob +Reinhard Js dan sob +ngurah arta tentang "Bagaimana Cara Membuat Disable CTRL+U / Anti CTRL+U Custom dengan Pesan dan Gambar di Blog". alhamdulillah saya masih diberi kesempatan untuk memenuhi permintaan sahabat blogger yang sudah request.

Jujur saja, sebetulnya source code ini saya dapatkan dari blog-nya sob +Rizky Kurniawan Ritonga malescode.blogspot.com, yang menginspirasi saya untuk memasangnya di blog ini .

Untuk anda yang penasaran seperti apa Demo-nya bisa anda coba dengan menekan shortcutCTRL + U pada keyboard anda.

Cara Pemasangan :

1. Pastikan anda 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&amp;&amp;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 lalu simpan!

Selesai!

Mohon maaf, jika ada salah kata dalam penyampaian/penjelasaan, kritik dan komentar sangat saya harapkan.
Semoga bermanfaat & Happy Blogging sob. :)

Unknown Web Developer

Morbi aliquam fringilla nisl. Pellentesque eleifend condimentum tellus, vel vulputate tortor malesuada sit amet. Aliquam vel vestibulum metus. Aenean ut mi aucto.