Thursday, November 10, 2011

Rahasia Melindungi Gambar Pada Postingan Blog

Dengan semangat baru pascadeklarasi hari blogger nasional pada 27 Oktober 2007, banyak blogger yang berkomitmen kuat untuk lebih mengutamakan etika dalam dunia blogging. Hal ini sebagai salah satu wujud kepedulian blogger indonesia terhadap klaim dunia internasional jika indonesia adalah surganya pembajakan, mulai dari musik, film, dsb.


Kampanye yang sedang didengungkan saat ini adalah aksi anti copas untuk konten yang diterbitkan dalam sebuah blog. Karena itu, bagi kita yang belum terbiasa untuk blogging secara mandiri dalam hal penerbitan artikel, usahakanlah untuk belajar sejak sekarang untuk mulai menerbitkan artikel sendiri. Jangan pernah copas secara mentah dari blog orang lain dan kemudian kita publikasikan ulang dalam blog kita. Kalaupun kita masih bersikap demikian, patuhilah etika blogging dengan mencantumkan sumber artikel.

Banyak cara untuk mulai belajar menerbitkan artikel secara mandiri, seperti menyadur artikel blog lain hingga menemukan ide untuk bahan postingan di blog.

Berkaitan dengan aksi asal copas, pernahkah kita mengalami kejadian di mana artikel yang susah payah kita buat kemudian dicopas secara diam-diam dan diterbitkan ulang di blog lain? jika hal itu pernah menimpa kita, tentu itu tindakan yang sangat menyesakan bukan? Yang lebih parah lagi, artikel kita itu lebih dihargai ketika di publikasikan ulang di blog lain daripada di blog kita sendiri, sehingga popularitasnya menjadi naik ketimbang blog milik kita sebagai sumber aslinya.

Nah, karena itu banyak blogger yang melakukan berbagai cara guna melindungi hasil karyanya agar tidak dicuri blogger lain. Cara yang biasanya digunakan seperti menonaktifkan klik kanan pada mouse dan menonaktifkan fungsi drag pada pada mouse. Selain itu, ada juga yang menggunakan cara menampilkan jejak keterangan ketika artikel blog dicopas. Penerapan teknik blog itu bisa dibaca kembali pada artikel tentang.

Semuanya dilakukan dengan satu tujuan, yaitu agar artikel sebagai konten blog kita tidak dicuri oleh blogger lain. Solusi teknik perlindungan di atas hanya mampu memproteksi konten blog berupa tulisan saja. Lalu, bagaimana dengan blog yang menampilkan konten berupa gambar-gambar seperti blog yang membahas tentang ilmu desain grafis dan editing foto? Tantu gambar dan foto mereka masih rawan akan pencurian bukan?

Bagi kita yang memiliki blog dengan konten gambar dan tidak mengizinkan pembaca dan pengunjung kita mengambil gambar dan foto tersebut, ada beberapa langkah pengamanan yang bisa kita terapkan.

Cara untuk melindungi gambar pada postingan blog kita agar tidak bisa lagi dicopas oleh orang lain dapat kita coba dengan menerapkan teknik di bawah ini.

1. Menonaktifkan klik kanan mouse pada gambar untuk mencegah copas.

Pertama, masuk ke akun blogger kita masing-masing.
Klik entri baru.
Masukan gambar yang ingin kita terbitkan pada postingan blog.
Setelah itu, klik edit HTML di sebelah kiri compose.
Cari URL untuk gambar tadi.


Kode HTML standar untuk sebuah gambar adalah seperti ini.

<img src="URL gambar" />

Nah, cara untuk menonaktifkan klik kanan mouse pada gambar adalah dengan menambah kode berikut di antara kode di atas.

oncontextmenu="return false;"

Hasilnya adalah seperti ini.

<img src="URL gambar" oncontextmenu="return false;" />

Ini adalah contoh gambar yang sudah dinonaktifkan klik kanan mousenya.



Kode HTML dari tampilan gambar tersebut adalah seperti ini.

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6VUscbBahFmsuiMN1B-D_s-bxaj41ZCxI0DJyzYdHanF8UpQzXT9lmqinImfgyRfJnu3odU6eVrKJON9CwhDt6Kf6XBPsUUovScqXAPFKzApiHJvPxgNFbCCD_oG4v5N9W0p99L8-eTen/s1600/anti+copy+paste+gambar.jpg" oncontextmenu="return false;" />

Keterangan:

  1. Kode berwarna merah adalah URL gambar.
  2. Kode berwarna biru adalah kode HTML yang harus ditambahkan.


2. Menampilkan gambar kosong saat gambar dalam blog kita diunduh seseorang.

Cara yang digunakan hampir sama dengan cara di atas. Cara untuk menampilkan gambar kosong saat gambar dalam blog kita diunduh seseorang adalah dengan melakukan perubahan pada artibut src dan penggunaan css style.

Kode HTML untuk menampilkan gambarnya seperti ini.

<img style="background-image:url('URL gambar');" src="data:image/gif;base64,R0lGODlhAQABAIAAAP ///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" width="angka" height="angka"/>

Ini adalah contoh gambar yang akan menampilkan gambar kosong saat gambar tersebut di download atau dibuka di tab baru.



Kode HTML dari tampilan gambar tersebut adalah seperti ini.

<img style="background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6VUscbBahFmsuiMN1B-D_s-bxaj41ZCxI0DJyzYdHanF8UpQzXT9lmqinImfgyRfJnu3odU6eVrKJON9CwhDt6Kf6XBPsUUovScqXAPFKzApiHJvPxgNFbCCD_oG4v5N9W0p99L8-eTen/s1600/anti+copy+paste+gambar.jpg');" src="data:image/gif;base64,R0lGODlhAQABAIAAAP ///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" width="302" height="199"/>

Keterangan:

  1. Ganti URL gambar dengan URL gambar yang ingin kita postingkan dalam blog kita.
  2. Ganti angka pada width (lebar) dan height (tinggi) untuk merubah ukuran agar sesuai dengan ukuran asli gambar postingan kita yang sebenarnya.


Dengan penerapan cara melindungi gambar pada postingan blog di atas, diharapkan aksi copas gambar asal-asalan dapat berkurang. Sehingga, para blogger yang ingin menerbitkan karya gambar desain dan foto artistiknya dapat terjamin keamanan karyanya.

Penggunaan trik ini sebaiknya juga disesuaikan dengan karakteristik target pengunjung blog kita. Jangan sampai para pengunjung setia kita mengecam kita pelit karena kita over protective dalam melindungi gambar pada blog kita dari aksi copas. Jangan gunakan trik ini ketika kita ingin berbagi gambar guna mempermudah pengunjung dalam mengunduh dan menyimpan gambar beserta foto dalam blog kita.
Disqus Comments