Senin, 19 Oktober 2015

Disable Right Click on Image

Kesal gak sih, kalau kalian punya gambar, susah carinya, susah buatnya, susah ini itu, terus di pasang di blog, dan ada orang yang ngambil seenaknya tanpa credit? Wah, perlu diberi pelajaran tuh orang! Tapi, kita ada cara lebih halus, teman. Kita membuat gambar yang kita pakai tidak bisa di copy. Gimana? Mau kan? Berikut ini caranya

Okelah. Ini dia nih, caranya. Bisa dan akan sempurna bekerja, jika kalian mengikuti semua stepnya!


  • Pastekan kode ini tepat dibawah kode </head>. 

<script type="text/javascript">
//<![CDATA[
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
Disable context menu on images by GreenLava (BloggerSentral.com)
Version 1.0
You are free to copy and share this code but please do not remove this credit notice.
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
    function nocontext(e) {
        var clickedTag = (e==null) ? event.srcElement.tagName : e.target.tagName;
        if (clickedTag == "IMG") {
            alert(alertMsg);
            return false;
        }
    }
    var alertMsg = "Image context menu is disabled";
    document.oncontextmenu = nocontext;
//]]>
</script>
Nah, untuk yang aku berikan "text background colour" itu kalian bisa ganti dengan kalimat untuk alert apapun yang kalian suka ya!

Tapi, kalau di gambar tertentu, bisa juga kok! Berikut kodenya :
oncontextmenu='alert("Image context menu is disabled");return false;'
Agar lebih mudah, pasang kode ini dimanapun kalian mau :
<img oncontextmenu='alert("Image context menu is disabled");return false;' border="0" src="Url image here" />
Kalian tidak mau ada alert atau peringatannya? It's easy, hapus saja kode alert("Image context menu is disabled"); 

Mudah kan? Baiklah, dan sekarang bye-bye! Dan aku mau berterimakasih pada kak Anugerah Salsa yang sudah memberikan kode-kode ini pada tutorialnya. Aku credit ya kak!

Tidak ada komentar:

Posting Komentar