Apakah Anda pernah membuat atau mengedit suatu gambar yang Anda senangi dan meng Upload-nya pada blog atau situs Anda?!? Di artikel ini kita akan membahas dan berbicara tentang Blogger Image Protection - Part 1. Silahkan lanjutkan membaca Anda sampai selesai untuk mengetahui isi dan maksud dari artikel kali ini!!!
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 : 
  1. Dari Google Image Search.
  2. Dengan Klik Kanan -> "Save Image As ..." 
  3. Dengan Menyalin alamat gambar dari "Page Source"
Metode Untuk Melindungi Gambar Anda : 
  1. 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.
  2. 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.
  3. 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.
Cara Melindungi Gambar Anda!

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.

Poskan Komentar Blogger Disqus

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA...</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Penting:
Jika Anda mengajukan pertanyaan klik 'Subscribe by email' link di bawah form komentar untuk mengetahui komentar balasan.

Khusus untuk membalas komentar disarankan menggunakan tombol balas/reply di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur.

Dilarang Meninggalkan Link Aktif, Link Aktif Terpaksa Akan Saya Hapus Dari Komentar.

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

Konversi Kode di Sini! Daftar Member Aktif

 
Top