Friday 25 July 2014

Disable Right Click On Images

       Suka kesel gak kalo kalian punya image diblog dan itu susah nyarinya, terus diambil seenaknya sama orang lain walaupun itu bukan milik kalian? Bisa ajasih kalian pakai tutorial disable right click, tapi kalau blog kalian banyak freebiesnya, bagaimana nasib readers kita yang mau ambil freebies itu?
Yap, permasalahan ini sama seperti yang aku alamin sekarang, tapi sekarang udah enggak lagi, karena kita bisa pasang disable right click hanya untuk image. Tutorial ini juga ada petunjuk buat disable right click cuma untuk image yang kita tentukan. Untuk live preview, coba kalian right click di image yang paling atas dari artikel ini. Tidak bisa kan? Kalau ingin tau caranya, ikutin step step ini ya!
Disable right click on all images
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>
Kalian bisa ubah alertnya yaitu dengan cara mengganti kode yang berhightlight itu dengan kalimat apapun yang kalian suka.
Disable right click on a single image
Kalau hanya untuk di image tertentu, kita harus pasang kode seperti ini :
oncontextmenu='alert("Image context menu is disabled");return false;'
Agar lebih mudah, pasang kode ini dimanapun kamu mau :
<img oncontextmenu='alert("Image context menu is disabled");return false;' border="0" src="Url image here" />
Kamu tidak mau ada alert atau peringatannya? It's easy, hapus saja kode alert("Image context menu is disabled");

       Bagaimana? mudah kan:) Sekarang image kalian bisa aman dari copycats. Jika ingin repost retuto reshare, sertakan link blog aku yaa. Thank you!
Codes by : Blogger Sentral 

2 comments:

  1. cara nya gmana kak :v , cmn html nya

    ReplyDelete
  2. kalo image url muncul setelah di klik tapi new tab baru gmn ya, ka? padahal udah pasang automatic new tab nih '3' for denim yah ka, kan kayak blog kaka tuhh

    ReplyDelete

 
Copyright © 2013-2017 By Anugerah Mullia Ulfa Salsabella. All Rights Reserved.