Cara Membuat Gambar di Blog Tidak Bisa Diunduh dengan Script

Melindungi konten blog, termasuk gambar, sangat penting bagi setiap blogger. Gambar yang telah diedit dengan susah payah sering kali diambil tanpa izin oleh pihak lain. Untuk mencegah pencurian gambar, kita bisa menggunakan script sederhana yang membuat gambar tidak bisa diunduh.

Dalam artikel ini, saya akan membagikan cara mudah untuk melindungi gambar di blog agar tidak bisa disalin atau didownload oleh pengunjung yang tidak bertanggung jawab.

Mengapa Harus Melindungi Gambar di Blog?

Sebagai seorang blogger, gambar merupakan elemen penting untuk menarik perhatian pembaca dan meningkatkan kualitas artikel. Namun, tidak jarang gambar-gambar tersebut dicuri dan digunakan ulang tanpa kredit.

Beberapa alasan mengapa Anda perlu melindungi gambar di blog:

• Mencegah pencurian konten. Gambar memiliki hak cipta yang harus dihormati.
• Menjaga orisinalitas blog. Konten unik lebih bernilai di mata Google dan pembaca.
• Meningkatkan profesionalisme. Melindungi konten menunjukkan bahwa Anda serius dalam mengelola blog.

Cara Membuat Gambar di Blog Tidak Bisa Diunduh

Untuk mencegah pencurian gambar, kita bisa menggunakan JavaScript agar klik kanan pada gambar tidak berfungsi. Berikut langkah-langkahnya:

1. Tambahkan Script Anti Download pada Blog

1. Masuk ke Dashboard Blogger.
2. Pilih "Tema" → "Edit HTML".
3. Salin kode JavaScript berikut dan letakkan di atas kode </body>.

<script type="text/javascript">
//<![CDATA[
document.addEventListener("contextmenu", function(e) {
    if (e.target.nodeName === "IMG") {
        e.preventDefault();
    }
}, false);
//]]>
</script>

4. Simpan perubahan dan cek hasilnya.

Setelah menerapkan script ini, pengunjung tidak bisa mengklik kanan atau mendownload gambar dengan fitur "Save Image As".

2. Gunakan Watermark pada Gambar

Meskipun script di atas bisa mencegah unduhan langsung, ada cara lain untuk lebih melindungi gambar, yaitu menggunakan watermark. Dengan menambahkan watermark, meskipun gambar dicuri, tetap ada identitas pemilik asli.

Anda bisa menggunakan aplikasi seperti:

• Canva, mudah digunakan dan gratis.
• Photoshop, untuk editing lebih profesional.
• Remove.bg, untuk menambahkan watermark transparan.

3. Manfaatkan CSS untuk Mencegah Drag & Drop

Selain menggunakan JavaScript, Anda juga bisa menambahkan kode CSS berikut agar gambar tidak bisa ditarik dan disalin ke tempat lain:

img {
    pointer-events: none;
    -webkit-user-drag: none;
}

Tambahkan kode ini di Dashboard Blogger → Tema → Edit HTML, lalu letakkan di atas kode </style> atau ]]></b:skin>.

Kelemahan dari Metode Ini

Meskipun cara ini bisa melindungi gambar dari pencurian biasa, ada beberapa cara lain yang bisa digunakan orang untuk tetap mencuri gambar, seperti:

• Menggunakan inspect element (view-source) untuk mendapatkan URL gambar.
• Menggunakan screenshot untuk mengambil gambar secara manual.

Namun, tidak semua orang mengetahui cara tersebut. Setidaknya, dengan metode ini, Anda bisa mengurangi pencurian gambar di blog secara signifikan.

Kesimpulan

Melindungi gambar di blog sangat penting untuk menjaga orisinalitas konten. Dengan menerapkan langkah-langkah di atas, Anda bisa mencegah pengunjung mengambil gambar tanpa izin.

Cara ini memang tidak 100 persen aman, tetapi cukup efektif untuk mengurangi pencurian gambar di blog Anda. Semoga bermanfaat. Jika ada pertanyaan, silakan tinggalkan komentar.