Cara Melindungi Gambar Blog Agar Tidak Bisa Dicopas
August 7, 2014
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.
- Menggunakan Snipping Tools Windows
CB tantang deh, silakan tunjukkan, mana gambar yang gak bisa didownload? Dengan tiga 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, CB ingatkan, semua cara di atas kurang begitu efektif, terutama bagi CB dan user/blogger yang sudah paham soal Print Screen, Webpage ScreenShot, dan Snipping Tools.
Cara Terbaik Proteksi Gambar/Foto: Watermak!
Menurut CB, 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
Previous
« Prev Post
« Prev Post
Next
Next Post »
Next Post »
CB Blogger
setuju banget, watermark adalah cara terbaik yaitu dengan mencantumkan copyright
ReplyDeletekalo gambar kita di copas blog lain, biasanya link blog kita masih nempel di gambar itu kalo tidak di upload ulang, apa itu jadi back link ke blog kita ? apa itu dapat meningkatkan SEO blog kita ?
ReplyDeletegambar dicopas artinya didownload atau dimuat ulang, gak jadi backlink kalo dicopas karena linknya bukan ke blog kita tapi ke picasa web album. kalu gambarnya dikasih link blog kita, baru bisa....
Deletekalo watermark otomatis bisa ndak mas diblogger
ReplyDeletendak bisa, harus manual di corel atau photoshop
DeleteMaaf gan,dgn UC BROWSUR,Semua File Dapat Di Copy Gan.walaupun di lindungi kode2 apapun tdk akan berpengaruh.
ReplyDeleteApanan CB juga sudah bilang, kode anti-copas kurang begitu efektif, apalagi jika browser-nya di-disable javascript, maka ikhlaskan sajalah :)
DeleteTapi ya Be, kalo ngeblok tulisan dengan seperti biasa terus ngeklik Ctrl+C itu gimana ya? Apa masih bisa di copas oleh orang yang gak bertanggung jawab?
ReplyDeleteCopas kita biarkan saja, asalkan menyebutkan sumber. Jika tidak menyebutkan sumber, tinggal laporkan ke Google (Lihat Posting terbaru CB)
DeletePake base64 image aja gan.toolnya ada di blog neng wentool31 bisa ngilangin http request .gambarnya jadi nggak ada urlnya..
ReplyDeleteTetap saja bisa bisa dicopas. Apa pun yang bisa muncul/tampil di layar komputer, bisa dicopas. Untuk gambar, bisa juga dicopas pake Snipping Tool bawaaan Windows
Deletesaya cari kode < body > ditemplate saya kok ga ada ya, apa sudah dirubah?
ReplyDeletepasti ada, yaitu kode < body bla bla bla....ada kode lain >
DeleteTambahkan saja kode onmousedown dst. setelah kode lain itu
saya sudah pernah coba pake script diatas mas, pengalaman saya ketika blog masih loading, gambarnya masih bisa di save as image, barulah ketika blog itu berhenti loading, script itu baru berguna. dengan meng-save gambar yang bernama tranparent. yang tentu saja gambar nya ga ada. ^^
ReplyDeleteMakanya, as CB said.... Cara terbaik proteksi gambar hanya satu: Watermak!
DeleteSemua gambar yang tampil di layar bisa dicopas dengan berbagai cara, termasuk menggunakan Spinning Tools Windows
Eh.. Snipping Tools :)
Deletenice post gan
ReplyDeleteSetuju sob. ane sih paling cuma artikel aja yang di proteksi dari penyalahgunaan copas aja .. hahaha
ReplyDeleteGan mau nanya ne, cara kalau upload foto di blog tapi foto tersebut ditandai sebagai foto yang bebas digunakan oleh siapa pun gimana ya? Rencana mau buat blog khusus untuk foto yang bisa digunakan oleh teman-teman blogger.
ReplyDeletesebutkan saja penjelasannya di halaman ABOUT atau PRIVACY POLICY atau di bawah posting.
Deleteilmu nya sangat bermanfaat terutama bagi saya yang masih newbi,terima kasih banyak gan info nya
ReplyDeleteUdah pake watermark, eh ternyata gambarnya gk dipasang/dicrop.
ReplyDeleteCuma copas teks, kan tetap ngeselin mas 😭 berharap dicantumin sumberny aja deh 😆
Ok
ReplyDeleteKalau saya, memasang link otomatis di blog agar dicopas, langsung ada sumbernya
ReplyDelete