Cara Melindungi Gambar Di Postingan agar tidak bisa di Klik Kanan Dengan CSS

05.23

Cara Melindungi Gambar Di Postingan agar tidak bisa di Klik Kanan Dengan CSS

Salam Blogger NEWBIE, Share artikel tentang Cara Melindungi Gambar Di Postingan agar tidak bisa di Klik Kanan Dengan CSS. Kali ini tutorial kita bagaimana agar membuat semua gambar posting kita tidak bisa di copas , jadi Sobat tidak perlu repot-repot untuk menambahkan oncontextmenu="return false;" pada setiap kode gambar

Berikut Cara Otomatis Membuat Gambar Posting Tidak Bisa di Copas

1. Letakkan kode jquery dibawah ini diatas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>


2. Jika di blog Sobat sudah punya jquerinya , silahkan tinggalkan langkah pertama ini
Kemudian kita pasang lagi javascript pengamanan image posting blog , caranya pasang kode berikut dan letakan tepat diatas kode </head>

<script type='text/javascript'>
    //<![CDATA[
    $(function(){
    $(".post-body img:nth-child(1)").after("<img src=\"http:\/\/2.bp.blogspot.com\/-lQW7QlMoz10\/T8yL_5IPF6I\/AAAAAAAAAQU\/5R8ngq17xzw\/s1600\/transparent.png\" alt=\"NetOopsblog protected image\" style=\"margin-left: -212px; opacity: 0; position: relative; top: 0;\" \/>");
    });
    //]]>
    </script>
    <script type='text/javascript'>
    //<![CDATA[
    $(function(){
    $(".post-body img").after("<img src=\"http:\/\/2.bp.blogspot.com\/-lQW7QlMoz10\/T8yL_5IPF6I\/AAAAAAAAAQU\/5R8ngq17xzw\/s1600\/transparent.png\" alt=\"NetOopsblog protected image\" style=\"margin-left: -212px; opacity: 0; position: relative; top: 0;\" \/>");
    });
    //]]>
    </script>


3. Klik Save Template dan lihat hasilnya

Cara Melindungi Gambar agar tidak bisa di Klik Kanan Dengan CSS

Kalau yang cara ini , berbeda dengan cara yang diatas tadi , kalau cara menngunakan css , kalau cara diatas tadi menggunakan javascript

1. Caranya adalah , masuk ke TEMPLATE >> EDIT HTML terlebih dahulu

2. Cari kode <body> , dan ganti kode tersebut dengan kode dibawah ini

<body onmousedown='return false' oncontexmenu='return false' onselectstart='return false'>


3. Klik Save >>>>>> selesai


Saya akan lebih senang jika sobat blogger newbie berkenan memberikan komentar, saran, dan tambahan informasi juga pertanyaan seputar artikel Cara Melindungi Gambar Di Postingan agar tidak bisa di Klik Kanan Dengan CSS. Terima kasih dan semoga bermanfaat…..

Artikel Terkait

Next Article
« Prev Post
Previous Article
Next Post »
Penulisan markup di komentar
  • Untuk menulis huruf bold silahkan gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic silahkan gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline silahkan gunakan <u></u>.
  • Untuk menulis huruf strikethrought silahkan gunakan <strike></strike>.
  • Untuk menulis kode HTML silahkan gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silahkan parse dulu kodenya pada kotak parser di bawah ini.
Konversi Code
Disqus
Silahkan Berkomentar Dengan