Cara menampilkan gambar pada blog/situs sangatlah mudah, seperti kita upload gambar dari pc kesayangan kita dan kita pasang di halaman postingan atau widget blog/situs, namun gambar-gambar yang tadi kita upload atau pasang pada blog/situs kita sangatlah mudah untuk di curi atau di salin dengan mudah. Bahkan pengguna awam pun dapat dengan mudah melakukannya, dengan cara klick kanan pada gambar untuk menyimpannya ke komputer yang akhirnya diteruskan kepada orang lain dan akhirnya muncul di beberapa situs, blog atau bisa juga di majalah!
Alasan paling umum / cara mencuri gambar adalah :
- Dari Google Image Search.
- Dengan Klik Kanan -> "Save Image As ..."
- Dengan Menyalin alamat gambar dari "Page Source"
- Menonaktifkan gambar pada Google Image Search merupakan salah satu media yang bisa kita lakukan untuk melindungi gambar kita, Jika Anda ingin menggunakan media ini maka semua gambar pada blog/situs Anda tidak akan muncul pada Google Image Search.
- Menonaktifkan klick kanan adalah salah satu metode yang sudah terkenal, Anda para pembaca O.W mungkin sudah menggunakan metode ini untuk blog/situs Anda. mungkin metode ini dapat melindungi gambar Anda, apa lagi Anda menggunakan script Anti klick kanan ini di seluruh halaman blog/situs Anda (teks ataupun gambar Anda protec) dengan script tersebut. Sebagai pop-up ini tidak terlihat bagus.
- Metode terkenal lainnya untuk melindungi gambar Anda dari para pencuri adalah dengan menggunakan CSS bukan HTML murni. Meskipun bahkan dalam kasus ini gambar dapat dengan mudah dicuri (dengan mengambil screenshot dan mengeditnya), tetapi karena proses panjang sebagian besar pencuri konten pasti akan menjatuhkan rencananya untuk mengambil gambar dari blog/situs Anda. Teknik ini juga akan melindungi gambar Anda dari pencuri tetapi tidak dapat diindeks dan di tampilkan dalam hasil pencarian gambar Google.
Barikut ini akan saya berikan beberapa cara untuk melindungi gambar Anda, karna penjelasan dan artikel ini sudah terlalu panjang (menurut saya), maka metode selanjutnya akan kita bahas pada Blogger Image Protection - Part 2 yang akan datang tentang bagaimana agar gambar kita tidak bisa di curi.
1. Protect Semua Gambar di Blog Anda dengab jQuery trick
jQury merupakan salah satu media yang bisa kita gunakan untuk melindungi gambar kita, berikut saya berikan kode-kode jQuery untuk melindungi gambar Anda dan di mana Anda harus meletakkannya.
1. Letakkan jQuery berikut di atas tag <head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
2. Selanjutnya Pilih salah satu script berikut dan letakkan di bawah tag </head>
Lindungi hanya gambar pertama di setiap Post
<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=\"Oto Website protected image\" style=\"margin-left: -212px; opacity: 0; position: relative; top: 0;\" \/>");
});
//]]>
</script>
Melindungi semua gambar dalam setiap postingan
<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=\"Oto Website protected image\" style=\"margin-left: -212px; opacity: 0; position: relative; top: 0;\" \/>");
});
//]]>
</script>
2. Protect Gambar Anda dengan Menyisipkan kode
Saya sendiri tidak tau judul apa yang tepat dan harus saya pakai untuk metode yang kedua ini. Cara ini mungkin sudah banyak bertebaran di blogger-blogger tetangga, jadi tidak ada salahnya saya mencoba memperkenalkan pada Anda yang belum tau trick ini. Dengan menggunakan metode ini kita bisa melindungi gambar kita dari para pencuri atau bisa di bilang juga ini media khusus disable klik kanan pada gambar. Akan tetapi kita harus menerapkan metode ini secara manual.
Untuk demo Protect Gambar Anda dengan Menyisipkan kode bisa Anda lihat dan coba pada gambar berikut. Coba arahkan cursor Anda pada gambar, dan coba klick kanan atau menyimpan atau menyalin URL gambar berikut seperti biasa.
Demo
Untuk membuat gambar protectc sepertti di atas Anda cukup menyisipkan kode berikut di belakang URL gambar Anda:
Kode yang di gunakan!
oncontextmenu="return false;"
Penempatan Kode pada URL/Script Gambar
<img src="http://URL GAMBAR" oncontextmenu="return false;" />
<img border="0" height="200" src="http://URL GAMBAR"oncontextmenu="return false;" width="300" /></a>
<a href="http://URL TARGET.com" target="_blank"><img alt="Oto Website" src="URL GAMBAR"oncontextmenu="return false;" /></a>
Sayangnya metode di atas dan kebanyakan metode untuk melindungi gambar atau content lain pada blog/situs masih bisa di curi atau tidak benar-benar aman total. Untuk caranya mematahkan metode di atas atau metode yang di pasang blog-blog lain yang mematikan klick kanan adalah dengan mematikan script Anti Klick Kanan itu sendiri. Melalui browser kesayangan kita semua browser bisa Menonaktifkan Anti Klick Kanan (Firefox, Chrome, Opera, dan lain sebagainya).
Berikut ini cara Mengaktifkan kembali Klick Kanan pada pada blog/situs yang sudah di protect gambarnya ataupun semua contentnya, seperti yang saya bilang di atas kita bisa Menonaktifkan script anti klick kanan melalui browser, silahkan Anda ikuti ilustrasi berikut (disini saya menggunakan Forefox).
Cara Menonaktifkan Anti klick kanan.
1. Klick Tool -> Options -> Options.
2. Hilangkan tanda centang pada enable JavaScript -> Ok.
Setelah Anda melakukan langkah-langkah di atas, sekarang coba klick kanan pada gambar yang telah di protect di atas atau pada blog/situs lainnya yang menggunakan media Anti Klick Kanan!
3. Menyembunyikan Gambar dari Google Image Search
Sekarang kode ini memiliki semua manfaat melebihi metode di atas dan apalagi alamat gambar juga tidak terlihat dalam Page Source. Mencegah gambar Anda muncul dalam pencarian gambar Search Engine (atau Image Search hanya Google).
Gunakan dan letakkan meta tag berikut di tag < head> daerah template Anda:
<meta name="robots" content="noimageindex"></meta>
Dari Meja Editor!
Finish, Akhirnya kita menjumpai titik akhir dari artikel Blogger Image Protection - Part 1 mudah-mudahan artikel kali ini Anda sukai, dan bisa meningkatkan pengetahuan Anda. Nantikan lanjutan dari artikel ini, yaitu Blogger Image Protection - Part 2 yang dimana kita akan membahas cara agar gambar kita tidak bisa di curi. Dari meja editor saya mengucapkan Selamat Membaca Artikel Oto Website lainnya, dan Salam Blogger.
nice info gan....
BalasHapuscukup gan infonya :D
BalasHapushttp://www.rawatweb.com
solusi merawat web anda yang tak terurus
http://www.asianbrilliant.com |
http://www.thekaospolos.com