Cara mencegah pencurian gambar dalam blog - SEO Blog

Header Ads

Cara mencegah pencurian gambar dalam blog

SEO Blog ~ Kita perlu mencegah pencurian gambar dalam blog tanpa izin, agar asset Anda tidak digunakan pada blog lain tanpa permisi. Jika Anda pengguna platform blogger untuk aktifitas blogging, ada tiga cara yang dapat digunakan

Cara menonaktifkan klik, klik kanan dan drag pada gambar dalam artikel blog

untuk melindungi gambar dalam post blog dari penyalinan tanpa izin, yaitu: (1) menonaktifkan klik pada gambar, (2) menonaktifkan dragging pada gambar, (3) menonaktifkan klik kanan pada gambar.

Berikut bahasannya:

Menonaktifkan klik mouse pada gambar dalam posting blog

Pada kebanyakan blog dengan platform blogger jika pengunjung blok mengklik gambar yang ada dalam posting blog maka gambar akan terbuka dalam tab browser yang sama dan pengunjung segera menutup tab browser dan meninggalkan blog Anda. Bisa juga gambar terbuka dalam lightbox blogger tapi umumnya pengunjung blog tidak menggunakannya.

Dalam beberapa kasus lightbox blogger tidak berfungsi, bisa jadi disebabkan oleh, misalnya dimatikan oleh Javascript widget default blogger, dan dalam hal ini juga, pengunjung blog Anda segera meninggalkan blog Anda dengan menutup tab browser mereka.

Ini merupakan pengalaman buruk pengguna dan pada umumnya pengunjung yang sudah meninggalkan blog tidak akan pernah meng-klik tombol back untuk kembali ke halaman posting blog tadi ia kunjungi. Hal ini juga akan meningkatkan bounce rate blog Anda. Dan yang paling penting adalah membuat gambar sangat mudah untuk dicopy tanpa izin. Oleh karena itulah Anda harus menonaktifkan klik pada gambar dalam artikel blog Anda.

Ketika mengupload gambar ke dalam editor posting blog, Anda akan melihat kode HTML dari gambar tersebut seperti berikut ini:
<div class="separator" style="clear: both; text-align: center;">
  <a href="http://1.bp.blogspot.com/-eAcaM61-cxE/U-jgyNb-m9I/AAAAAAAAAFc/jRqTdOqv82Y/s1600/faviconr3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
  <img border="0" src="bangjonie.png" />
  </a>
</div>

Untuk membuat gambar tersebut tidak bisa diklik ikuti langkah-langkah berikut:
Buka tab 'HTML' pada editor posting blog Anda dan cari tag <img yang ada dalam tag achor <a>. Hapus tag anchor <a> tersebut. Setelah dihapus akan terlihat sebagai berikut:
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="//bangjonie.png" />
</div>

Lakukan hal yang sama untuk gambar-gambar lainnya.

Hal ini akan membuat klik pada gambar dalam artikel blog tidak berfungsi. Dan jika Anda menggunakan lightbox blogger, gambar tidak akan bisa ditampilkan dalam lightbox karena gambar dalam posting blog baru bisa ditampilkan apabila gambar diklik.

Menonaktfikan drag dan drop gambar dalam posting blog

Jalan lain agar gambar dalam postingan tetap aman adalah dengan menonaktifkan drag mouse. Gambar yang ada dalam postingan artikel dengan mudah dapat dicopy ke harddisk pengunjung hanya dengan mendrag dan drop gambar dari dalam halaman post blogger ke dalam File Explorer dalam komputer pengunjung.

Sebenarnya dragging gambar dalam blog tidak benar-benar dibutuhkan oleh pengunjung blog Anda. Fungsi drag ini hanya akan mempermudah maling untuk mencuri properti intelektual Anda, gambar dalam blog Anda. Untuk menonaktikan dragging gambar dalam post blog Anda ikuti langkah-langkah berikut:

Menambahkan ondragstart=”return false;” dalam tag <body>

Opsi terbaik adalah dengan menambahakan ondragstart="return false;" pada tag <body>
Buka Dashborad Blogger > Template > 'edit HTML' dan cari <body. Tambahkan ondragstart="return false;" terlihat seperti berikut ini:
<body ondragstart="return false;">

Kode diatas berfungsi dengan baik pada semua browser mobile dan desktop.

Menggunakan kode CSS untuk menonaktifkan dragging gambar dalam post blog

Masukkan kode CSS berikut ke dalam script template blog Anda.
.post img {
     pointer-events: none;
}
Buka dashboard Blogger Anda, klik Template > edit HTML > lalu cari ]]></b:skin>. Tambahkan kode diatas diatas ]]></b:skin>

Sayangnya kode CSS tersebut tidak bekerja pada Internet Explorer Versi 8 ke bawah.

Cara menonaktifkan klik kanan pada gambar dalam posting blog

Semua konfigurasi di atas akan sia-sia jika Anda tidak menonaktifkan klik kanan pada gambar dalam posting blog. Untuk itu Anda dapat menambahkan kode oncontextmenu="return false;" ke dalam tag <body> sebagai berikut:
<body oncontextmenu="return false;">

Anda juga dapat menambahkan kode CSS ke dalam template Anda sebagai berikut:
img {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

Copy dan paste kode CSS tersebut tepat diatas ]]></b:skin>

Perubahan-perubahan tersebut diatas harus dilakukan dengan mengedit script template blog, oleh karenanya sebelum melakukan perubahan sebaiknya lakukan pencadangan template Anda terlebih dahulu.

Oke, gambar-gambar dalam blog Anda kini telah aman dari penyalinan tanpa izin, kini Anda dapat mempublikasikan artikel-artikel Anda tanpa khawatir jika gambar-gambar dalam blog Anda digunakan dalam blog-blog lain.

Namun perlu diingat bahwa walau sudah menerapkan langkah-langkah tersebut diatas, kemungkinan pencurian gambar Anda tidak mustahil masih mungkin dilakukan. Untuk itu sebaiknya tambahkan tanda-tanda tertentu pada gambar Anda sebagai pemilik hak cipta, seperti logo atau brand kepemilikan property Anda.


Lihat juga

Diberdayakan oleh Blogger.
Sora Templates