Selain konten, ada juga gambar dalam blog yang memang sebagian kita tidak menginginkan untuk didownload oleh pengunjung. Maka sekarang Ngonline06 akan berbagi trik mudah agar gambar kita di blog tidak bisa didownload. Berikut adalah cara otomasi tersebut, silahkan dipilih sesuai dengan kebutuhan dan tujuan sahabat semua berikut:
1. Melindungi Gambar dari Dicopas
Trik pertama ini bisa dikatakan ampuh. Trik ini akan melindungi gambar sahabat untuk didownload atau dicopas oleh orang-orang jahil. Caranya, sahabat cukup membubuhkan kode onContextMenu='return false; di bawah ini saat memasang gambar. Maka hasilnya, kode gambar menjadi seperti ini:
<img src='URL-GAMBAR' onContextMenu='return false;'/>
Trik pertama ini memang bisa dibilang ampuh. Namun trik ini memiliki kelemahan yaitu sahabat harus membubuhkan kode tersebut satu per satu pada gambar. Trik ini akan menyulitkan sendiri saat situs sahabat sudah memiliki postingan yang banyak. Tentu akan menjadi repot jika harus membubuhkan kode di atas satu per satu. Jika memang sahabat tidak mau dibuat repot dengan harus membubuhkan kode satu per satu, maka silahkan sahabat melakukan trik kedua di bawah ini.
2. Melindungi Gambar dengan Java Script
Jika sahabat Ngonline06 belum puas dengan trik yang pertama dan sahabat juga tidak mau dibuat repot untuk membubuhkan kode satu per satu pada gambar, maka trik melindungi gambar dengan java script berikut ini bisa dijadikan alternatif. Dengan trik ini, maka secara otomatis semua gambar sahabat di situs akan terlindungi dari orang 'jahil'. Maka, berikut tata cara melindungi semua gambar dengan java script.- Langsung saja, sahabat menuju ke template blog sahabat.
- Cari kode </head> dan letakkan kode jquery dan javascript di bawah ini tepat di atas kode </head>.
- Setelah save template sahabat.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<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>
<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>
KETERANGAN: Jika template sahabat sudah ada kode jquery seperti huruf yang berwarna merah, maka sahabat tak perlu lagi memasangnya. Artinya, sahabat cukup mengkopy kode selain yang berwarna merah.
Demikianlah cara melindungi gambar kita di situs agar tidak bisa didownload atau dicopas. Namun lagi-lagi jika sahabat kurang puas dengan cara kedua, baik karena fungsinya yang kurang efektif atau mungkin kesulitan dalam mempraktekkannya, maka metode ketiga ini bisa menjadi alternatif pilihan. Terlebih, kode yang diberikan terbilang sedikit dan tidak memberatkan loading blog sahabat. Hal itu karena sistem melindungi gambarnya menggunakan CSS.
3. Melindungi Gambar dari Klik Kanan dengan CSS
Lagi, lagi jika sahabat tidak puas dengan metode kedua, maka metode ketiga ini bisa sahabat praktekkan. Metode ketiga ini bisa dibilang ampuuuuh, mengingat metode ketiga ini akan mematikan klik kanan. Artinya, saat pengunjung blog atau situs sahabat ingin mengkopy dengan mengklik kanan, maka klik kanan tersebut secara otomatis tidak berfungsi. Ampuh bukan...??Kami yakin, sahabat tidak sabar lagi untuk mengetahui tata cara melindungi gambar dari klik kanan ini. Maka, berikut adalah cara melindungi gambar dari klik kanan dengan CSS.
- Langsung saja ke TKP, yaitu template blog sahabat.
- Pilih menu template > edit HTML.
- Cari kode <body>, dan ganti kode tersebut dengan kode di bawah ini.
- Save template sahabat.
<body onmousedown='return false' oncontexmenu='return false' onselectstart='return false'>
4. Melindungi Gambar yang Paling Ampuh dan Terbukti 100%
Keinginan orang memang berbeda-beda. Jika sebelumnya, Ngonline06 sudah berbagi 3 metode cara melindungi gambar dari dicopas atau didownload dengan kelebihan dan kekurangan masing-masing. Namun tentunya, masih saja ada yang kurang puas. Dan, kami yakin di antara sahabat juga demikian. Karena bagaimanapun trik yang diberikan pasti ada titik lemahnya. Terlebih oleh seorang 'master' maka mereka tetap bisa mencopas atau mendownload gambar walau sudah dilindungi oleh pengaman apapun. Ibarat, sebuah bank walau sudah dilengkapi CCTV dan pengaman yang berjejer, tetap saja ada yang bisa membobol atau merampoknya. Namanya juga nekad, apapun caranya, tetap aja dilakukan.Maka jika sahabat Ngonline06 belum puas dengan trik di atas, maka berikut adalah cara melindungi gambar sahabat yang paling ampuh dan terbukti 100% validitas gambar terlindungi dengan otoritas penuh di tangan sahabat. Trik tersebut adalah berikut:
Silahkan gambar sahabat bubuhi itu, maka dijamin validitas gambar tetap ada di tangan sahabat. Sahabat bisa melihat situs-situs semisal republika, detik, tempo, atau semisalnya. Mereka melindungi gambar mereka dengan metode keempat ini.
Demikian trik mudah membuat semua gambar di blog kita aman dari downloadan atau copy paste-an... Semoga berhasil ya. Salam sukses dari Ngonline06
No comments
Silahkan berkomentar dengan baik.