Melindungi Semua Gambar dari Plagiat Secara Otomatis

Artikel kali ini hanya untuk melanjutkan pembahasan artikel beberapa waktu lalu, yaitu tentang Cara Mudah Melindungi Gambar dalam Artikel Blog dari Plagiat.

Dan pada artikel sebelumnya, saya sudah memberikan trik untuk memproteksi gambar didalam artikel namun dengan cara yang sangat manual. Kenapa saya hanya memberikan yang manual? Karena kamu bisa memilih, gambar mana yang akan kamu proteksi, dan gambar mana yang dibebaskan untuk para plagiat.

Melindungi Gambar dari Plagiat

Menurut saya sendiri, untuk menentukan gambar mana yang dipilih untuk diproteksi, akan lebih mudah menggunakan metode manual seperti yang pernah saya bahas sebelumnya.

Selain itu, menggunakan metode manual pun tetap dapat menampilkan Featured Post yang biasa kita jadikan Default Thumbnail disaat kita melakukan share artikel tersebut di beberapa social media.

Namun pada metode Otomatis, sebenarnya kita juga akan merasa lebih dipermudah dalam membuat suatu artikel.

Kenapa saya bilang seperti itu, karena pada dasarnya kita bisa menggunakan salah satu perintah, kamu bisa menggunakan kode Javascript atau kode HTML yang sifatnya memerintahkan semua gambar yang ada di dalam blog menjadi tidak bisa diklik kanan ataupun di Drag.

Tapi kekurangan pada metode otomatis ini adalah, kamu tidak akan bisa menampilkan thumbnail saat melakukan share.

Saya mengatakan seperti itu karena saya sendiri pernah melindungi Gambar menggunakan metode otomatis ini saat share salah satu artikel di blog kang wira, namun thumbnailnya tetap tidak tampil meskipun sudah di debbug ulang.

Melihat kondisi seperti ini, saya sendiri lebih merasa nyaman menggunakan Metode Manual.

Nah jika kamu merasa lebih nyaman menggunakan Metode Otomatis. Kamu bisa menggunakan salah satu kode dibawah ini yang sesuai dengan kebutuhan blog kamu.

Metode JavaScript

Silahkan kamu salin kode JavaScript dibawah ini dan letakkan diatas </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>

Ohya, untuk mengaktifkan Javascript diatas, kamu harus sudah menanam link JQuery yah. Jika belum, kamu bisa salin kode dibawah ini dan letakkan dibawah <head>

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

Metode HTML

Salin kode HTML dibawah ini dan Ganti <body> dengan kode dibawah ini.

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

Simpan template kamu, dan coba lihat hasilnya. Jangan lupa Berikan pendapatmu tentang Proteksi Gambar secara Otomatis ini pada kolom komentar dibawah yah.

Cukup sekian dulu artikel kali ini.
Semoga Bermanfaat