Cara Mudah Melindungi Gambar dalam Artikel Blog dari Plagiat

Selain text yang ada dalam sebuah artikel, ternyata gambar yang sudah kita buatpun bisa dicuri dengan mudah oleh para blogger plagiat yang tidak tanggung - tanggung dalam mencuri artikel blog kita lho teman-teman.

Kenapa saya membuat artikel ini, karena saya tahu bagaimana rasanya ketika Gambar yang kita buat dengan susah payah, ternyata di bajak oleh Plagiat yang tidak bertanggung jawab.



Ada banyak cara simple yang bisa kita gunakan untuk melindungi gambar yang kita sisipkan didalam artikel, salah satu rekomendasi dari saya sesuai pengalaman adalah dengan menyisipkan Watermark kedalam gambar yang kamu buat.

Atau bisa juga dengan cara memproteksi Gambar menggunakan CSS / JavaScript seperti yang akan saya bahas dibawah ini.

Baca juga : Trik Anti Klik Kanan Artikel

Banyak blogger yang tidak memperhatikan kode yang diterapkan pada saat upload gambar kedalam artikel. Karena pada dasarnya kode yang di input masih belum dikatakan komplit agar gambar bisa di index oleh google image.

Sebelumnya saya mau tanya kepada teman-teman

Setiap kali teman-teman membuat artikel, teman-teman lebih nyaman menggunakan metode Compose atau HTML sih ?

Kalau saya sendiri lebih nyaman menggunakan metode Compose, tapi sayangnya terkadang hasilnya tidak sesuai dengan apa yang saya harapkan, maka dari itu saya sendiri selalu menggunakan metode HTML setiap membuat artikel karena hasilnya akan lebih terlihat rapih.

Nah biasanya blogger yang mengupload gambar kedalam artikel menggunakan metode HTML, akan menampilkan kode bawaan seperti dibawah ini.

<div class="separator" style="clear: both; text-align: center;"><a href="URL GAMBAR" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL GAMBAR" data-original-width="1048" data-original-height="673" /></a></div>

Nah kode ini lah yang akan kita modifikasi agar gambar yang kita upload kedalam artikel bisa diprotect dari Plagiat. Selanjutnya teman-teman bisa perhatikan 2 kode dibawah ini terlebih dulu.

<img src='URL-GAMBAR' draggable='false' onContextMenu='return false;'/>

Perhatikan pada 2 kode yang saya tandai diatas adalah sebuah kode perintah untuk memprotext sebuah gambar. Jadi kamu tinggal salin kode yang saya tandai itu dan letakkan pada kode Gambar yang ada di dalam artikel kamu sebelum kode style=".

Maka seharusnya kode diatas akan menjadi seperti kode dibawah ini.

<div class="separator" style="clear: both; text-align: center;"><a href="URL GAMBAR" imageanchor="1" draggable='false' onContextMenu='return false;' style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL GAMBAR" data-original-width="1048" data-original-height="673" /></a></div>

Cukup Mudah bukan?

Teman-teman bisa coba lihat hasilnya pada Gambar Compose / HTML diatas. Pasti teman-teman tidak bisa drag gambar tersebut dan tidak bisa melakukan klik kanan pada gambar tersebut.

Nah sekian dulu tutorial Cara Melindungi Gambar dalam Artikel Blog dari Plagiat yang saya bahas kali ini, jangan sungkan untuk tanyakan apa saja yang belum kamu pahami dari artikel ini.

Semoga bermanfaat dan semoga tidak terjadi pencurian gambar lagi yah teman-teman.