Cara terbaik proteksi gambar hanya satu: Watermak!
Setidaknya ada tiga cara untuk proteksi image blog agar tidak bisa dicopas. Tapi ini ribet banget.
Sudah ribet, 'gak efektif lagi karena gambar blog yang diproteksi itu masih bisa didownload dengan cara:
- Menggunakan tuts/tombol keyboard "PrtSc SysRq" (Print Screen) + Paste di aplikasi "Paint" Windows" atau paste di CorelDraw atau PhotoShop.
- Menggunakan Aplikasi Webpage Screenshot Google Chrome.
GBL tantang deh, silakan tunjukkan, mana gambar yang gak bisa didownload? Dengan dua aplikasi di atas, SEMUA gambar, yang berupa flash/animasi sekalipun, bisa didownload atau dicopas!
Cara Melindungi Gambar dari Dicopas
Tapi kalo Anda mau coba, silakan saja.... 'Kan tidak semua user ngerti soal Print Screen dan Webpage Screenshot. Ada tiga cara, berdasarkan hasil "riset online" alias Googling :)CARA 1 : Kode Anti-Copas Gambar Blog
Tambahkan kode onContextMenu='return false;' di URL Gambar, sehingga jadi begini nih:<img src='URL-GAMBAR' onContextMenu='return false;'/>
CARA 2 : Kode Anti-Copas Gambar Blog
1. Pastikan di template Anda ada kode berikut ini:<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
Jika tidak ada, ya... diadain! Simpan di atas kode </head>.
2. Copas kode berikut ini di atas 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>
//<![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>
CARA 3 : Kode Anti-Copas Gambar Blog
Cara yang ini sekaligus melindungi semua konten blog, tulisan dan foto/gambar, dari Copas karena mematikan fungsi klik kanan dan Crtl+U.Caranya: Ganti kode <body> dengan kode ini :
<body onmousedown='return false' oncontexmenu='return false' onselectstart='return false'>
Itu dia cara melindungi foto atau gambar blog agar tidak bisa dicopas. Sekali lagi, GBL ingatkan, semua cara di atas kurang begitu efektif, terutama bagi GBL dan user/blogger yang sudah paham soal Print Screen dan Webpaga ScreenShot.
Cara Terbaik Proteksi Gambar/Foto: Watermak!
Menurut GBL, cara terbaik proteksi gambar/foto, dalam arti mencantumkan "copyright" atau tanda karya cipta, yaitu dengan menambahkan logo, tanda tangan, atau nama pada gambar/foto yang kita upload. Ini dikenal dengan sebutan "Tanda Air" (Watermark).
Lihat ilustrasi gambar posting ini! Ada tulisan "ShutterStock"
Bagaimana cara membuat watermark pada foto? Gunakan Photoshop! Ini dia salah satu Panduan Menambahkan Watermark pada Foto.
Contohnya, silakan buka portal berita Antara, Detik, atau Republika. Foto-foto atau image hasil karya fotografer atau ilustratornya, biasa menggunakan watermak. Atau langsung saja buka ini: Shutter Stock.
Good Luck and Happy Blogging!
Baca juga: Kode Anti Copas, Disable Klik Kanan, dan Disabel Select Tex untuk Seluruh Konten Blog
Baca juga: Kode Anti Copas, Disable Klik Kanan, dan Disabel Select Tex untuk Seluruh Konten Blog
0 Comments