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="http://1.bp.blogspot.com/-srzhje10jk4/TryzwXN31KI/AAAAAAAAAs4/oBHQ54J_jM0/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(http://1.bp.blogspot.com/-srzhje10jk4/TryzwXN31KI/AAAAAAAAAs4/oBHQ54J_jM0/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.

95 komentar:

  1. seep sob bermanfaat banget nih infonya setidaknya walau postingan kita di copy ,, yg copas harus ketik ulang,,:)

    BalasHapus
  2. waah,, maksih banget nii kawan atas infonya. moga artikel kita ttap aman ya.. :)

    BalasHapus
  3. Hmmmm kalo soal gambar asli buatan saya, saya memberinya watermark. :)
    Sudah itu saja. Mau dipakai orang lain silakan saja, toh di gambar itu sudah jelas ada alamat blog saya. ;)

    BalasHapus
  4. tambahan dari saya pasang widget anti copyscape
    kalau masalah pembajakan memang sensitif karena mencopy karya orang lain tanpa ijin dari pihak yang punya

    BalasHapus
  5. udah diterapin belup tipsnya ??
    Cz sy coba ambil gambarnya pake opmin, masih bisa di curi,,,, :)

    BalasHapus
  6. mantap sob, kalo dicopas gak ada gambarnya, langsung praktek, makasih infonya, salam

    BalasHapus
  7. terima kasih...sangat bermanfaat. suka suka suka

    BalasHapus
  8. @al kahfi:

    iya. hal ini untuk melatih kemandirian dan mencegah risiko dobel konten yang rawan untuk terkena banned dari google.

    BalasHapus
  9. @yAhyA:

    kalau ingin menyalin dan mempublikasikan ulang juga tidak masalah, asalkan tetap mencantumkan link artikel sumber dan tidak terus menerus melakukan aksi copas mentah.

    BalasHapus
  10. @Asop:

    alternatif yang bagus bro. tapi kalau watermarknya terlalu mencolok, kemungkinan orang untuk menyimpannya cukup kecil. perhatikan juga ukuran font dan jenisnya.

    BalasHapus
  11. @Andy:

    nice share bro. saya juga pernah melihat ada blog yang pasang widget itu.

    kalau tidak salah, di situs itu juga kita dapat melakukan pengujian dan menemukan siapa saja yang melakukan aksi copas terhadap artikel tertentu yang kita miliki.

    BalasHapus
  12. @blogger ponsel:

    yang dicuri gambar yang mana bro? karena ada satu dari ketiga gambar itu yang belum di setting keamanannya. :)

    BalasHapus
  13. @Tutorial Blog:

    semoga bermanfaat ya. salam kenal balik. :)

    BalasHapus
  14. makasih gan atas sharenya. Punya agan udah dicoba blum? Kok masih bisa dicopas gan?

    BalasHapus
  15. @unu_utamee:

    trims atas apresiasinya. semoga bermanfaat.
    silakan dibaca, dipahami, dan dipraktikan.
    blog ini dibookmark juga boleh. :)

    BalasHapus
  16. @ban terbaik diindonesia GT Radial:

    untuk gambar dipostingan ini ada dua dari tiga gambar serupa yang sudah saya amankan. tapi, semua gambar untuk postingan lainnya belum saya amankan, karena sumber gambar itu juga saya dapat dari internet. sehingga saya bebaskan juga kepada teman2 yang ingin mengunduh sesuka hati. :)

    BalasHapus
  17. Kalau saya Pribadi cara proteksi gambar yg ada di blog (kalau gambar kreasi sendri) saya selalu mencantumkan ato membuat semacam cap (ato apalah namanya) dengan nama domain saya di gambar tersebut dengan terpampang jelas,,,

    yakin orang gak mau ambil tuh gambar, klu ada yg ngambil syukur (berrti ikut promosiin blog kita) :D

    BalasHapus
  18. sepertinya harus dipasang di blog saya nih sob, ijin bookmark dulu aja sob, alx lg malas otak atik html,, heheheh

    BalasHapus
  19. Ternyata seperti ini toh rahasinya..bisa dicoba nih

    BalasHapus
  20. mantap gan triknya, bisa di manfaatkan ni.
    Oh y, saya sudah follow ke blog ini

    BalasHapus
  21. mending pakai watermark gan.
    kalau pakai cara yang agan tulis di atas, gimana kalau saya view page source?
    gak usah klik kanan, langsung kebuka semua.

    belum lagi, gimana dengan add on Firebugs di Firefox?
    Di google chrome, tu add on malah sudah jadi bawaan default.
    tiggal aktifkan add on itu, semua element web dari javascript,css,flash,html,termasu image udah kepegang semua.

    saran saya si mending pakai watermark gan.

    BalasHapus
  22. info keren ni sob..
    tapi blognya njenengen kok nggak di pasang anti copas bos.. nggak tau diambil orang kah.. :)

    BalasHapus
  23. Ikutan menyimak di sini saudaraku

    BalasHapus
  24. Pena hasir dan absen malam gan..makasih atas tipsnya nih

    BalasHapus
  25. Sangat menarik sob.Izin menyimak dan segera di praktikkan ya.Trims infonya

    BalasHapus
  26. Sebuah upaya yang perlu mendapat apresiasi, tapi terkadang dengan adanya artikel dan gambar yang dilindungi seperti ini membuat saya malah makin tertantang. Pertanyaannya masa sih benar-benar gak bisa di copas? Logikanya itu kan hanya menonaktifkan fungsi dari beberapa fungsi mouse aja, saya sering mencuri dari source code yang kemudian saya ambil sebagian tanpa menyertakan fungsi non aktif fungsi mouse, saya copas pada notepad, kemudian saya simpan dalam format HTML. dan saya buka, semuanya bisa dicopas dengan mudah. hehehe... dasar tukagn copas, selama ini saya selalu berhasil mengambil artikel-artikel yang dilindungi dengan model seprti ini.

    BalasHapus
  27. Masalah untuk melindungi gambar saya lebih setuju sama Asop, yaitu dibuat watermark alamat blog kita. saya sendiri gak suka ngambil gambar-gambar dengan model begini, karena walaupun dihapus watermarknya menggunakan photoshop, tetap aja hasilnya kurang memuaskan. tetap kelihatan kalau itu adalah hasil jiplakan.

    BalasHapus
  28. Semuanya harus dengan mengotak-atik HTML ya?
    Justru itu yg paling aku hindari... takut malah rusak sih hehehe

    BalasHapus
  29. artikel yang bagus sob, sangat inspiratif.

    BalasHapus
  30. gambar bener-bener terlindungi sob, tapi sy cuman pake watermark di setiap gambar yg saya post sob, walaupun di copy, ketahuan gambar tersebut sy yg upload...

    BalasHapus
  31. @Save Blogger:

    betul juga bro. kita berhak memodifikasa gambar kreasi sendiri buatan kita. dengan adanya penandaan seperti itu, kalau ada orang yang masih mengunduh dan menyebarkan berarti sama halnya dengan mempromosikan blog kita. :)

    BalasHapus
  32. @Asis Sugianto:

    silakan dibookmark dulu om, siapa tahu nanti berguna. :)

    BalasHapus
  33. @cardiacku:

    silakan dicoba, semoga bermanfaat. :)

    BalasHapus
  34. @ban terbaik di indonesia gt radial:

    trims sudah follow balik ya. :)

    BalasHapus
  35. @Kevin:

    saya juga sebenarnya suka dengan watermark. alasannya simpel, karena baik kita maupun pembaca sama2 untung.

    pembaca untuk karena bisa mengunduh gambar kita. sedangkan kita untuk karena dengan adanya watermark dalam gambar tersebut, maka itu juga sebagai media promosi blog ketika pembaca mempublikasikan gambar dari kita yang diunduh tadi.

    BalasHapus
  36. @ip-ip:

    memang sengaja tidak saya pasang anticopas. kalau saya pasangi anti copas, nanti kasihan orang awam yang ingin menyalin kode HTML/JavaScript yang rumit penulisannya.

    jadi, untuk sekarang ini saya bebaskan kepada siapapun untuk menyalin konten blog ini dengan memperhatikan etika dunia blogging.

    BalasHapus
  37. @ip-ip:

    silakan bro, semoga bermanfaat.

    BalasHapus
  38. @abufarras:

    silakan bro. semoga bermanfaat dan ditunggu ya kunjungan lainnya.

    BalasHapus
  39. @tautanpena:

    semoga bermanfaat ya.
    ditunggu kunjungan berikutnya. :)

    BalasHapus
  40. @Bisnis Online Blog:

    silakan dipraktikan dan semoga berhasil ya. :)

    BalasHapus
  41. @keyword terkenal:

    iya bro, kelemahan semua trik anti copas adalah dengan melihat source codenya atau dengan Ctrl a + Ctrl c pada keyboar, lalu kita salin di notepad dan selesai. akan tetapi, dengan adanya upaya pencegahan ini paling tidak si pemilik blog sudah memberikan isyarat jika dia tidak ingin konten karyanya dibajak orang. nah, karena itu kalaupun kita masih ingin menyalinnya, ada baiknya jika kita juga memperhatikan etika blogging.

    BalasHapus
  42. @catatan kecilku:

    ini tidak akan merusak template. :)

    BalasHapus
  43. @Said Arsyad:

    trims atas apresiasinya.

    BalasHapus
  44. @Asis Sugianto:

    saya juga setuju dengan pemberian watermark untuk gambar hasil karya sendiri yang dipublikasikan. hal ini bisa memudahkan pengunjung untuk mengunduh dan memudahkan kita untuk mempromosikan blog. :)

    BalasHapus
  45. Tips yg sangat bagus mas.tp semua itu gakan bekerja pada ponsel.terutama operamini..mending pakai watermark blog kita dlm gmbr nya atau langsung pakai aplikasi symbian screenshot bagi bloger mobil dlm pengambilan screenshot..watermark langsung nempel tak perlu edit gambar lagi.seperti artikel symbian di blog saya

    BalasHapus
  46. sangat bermanfaat triknya jadi ga bakal di COPAS / Di unduh ya gambarnya :)

    BalasHapus
  47. Good tips ! Tapi, bagaimana jika dicopy dengan metode "Print Screen" ?

    BalasHapus
  48. @jocky:

    iya bro, trik ini memang ada kelemahannya kalau dilihat kode gambarnya dengan page source, dilihat dengan add on mozilla firefox, dan diunduh langsung dengan versi mobile. tapi setidaknya masih ada upaya pencegahan yang dapat kita lakukan.

    BalasHapus
  49. @Mbah Qopet:

    trik ini masih bisa ditembus dengan banyak celah ternyata. :D

    BalasHapus
  50. @The Netpreneur:

    itu juga bisa bro, tapi hasil gambarnya tidak akan sebagus gambar aslinya. cara lain untuk mengunduh gambar yang diproteksi dengan trik ini juga masih ada.

    BalasHapus
  51. follow balik sukses sob, follower 222. angka cantik hehehe
    salam kompak !

    BalasHapus
  52. oo...jadi cuma nambahin kode oncontextmenu="return false;" ya gan...coba ah...makasih banyak tipsnya gan..

    BalasHapus
  53. @reiny kwan:

    trims atas apresiasinya bro. :)

    BalasHapus
  54. @frosted window:

    semoga membantu bro. :)

    BalasHapus
  55. ,,sip deh,,,akn aku terapkan di blog ak gan,,,

    BalasHapus
  56. silakan dicoba dan semoga bermanfaat ya.

    BalasHapus
  57. Bener bagus kiatnya cocok tuk blog fotografi saya.

    BalasHapus
  58. Apa sih harapan pak Prof. Dr. Eka Budianta terhadap blogger Indonesia? Mari simak wawancara saya dengan beliau pada Amprokan Blogger 2011 lalu.

    BalasHapus
  59. Makasih infonya. Sangat bermanfaat....

    BalasHapus
  60. Thanks gan... Ane coba dulu...

    BalasHapus
  61. Sudah saya coba, tapi ketika gambarnya di click, maka masih bisa dicopy. Mohon info bagaimana caranya supaya benar-benar tidak bisa dicopy

    BalasHapus
  62. infonya sangat bagus buat para blogger.
    tapi sayang bro semua itu bisa di tembus.
    maaf ya ini hanya sekedar info..

    bisa di lihat disini bro : http://ariezetri.wordpress.com/2013/01/21/cara-mendapatkan-foto-gambar-yang-tidak-bisa-di-copy-paste/

    btw, lam kenal selalu

    BalasHapus
  63. Balasan
    1. setuju sama agan yg satu ini :D mampir ke web ane gan :)

      Hapus
  64. itu dilihat pake source code bisa di ambil... mending di copas aja gapapa tp kita pake Tynt[tod]moc ntar dapet backlink deh dari tukang copas :D >>>cari di embah

    BalasHapus
  65. mantap dah artikelnya.. jadi aman deh ga takut copas

    BalasHapus
  66. informasinya sangat membantu,, mantab gan

    BalasHapus
  67. makasih gan informasinya, sangaat membantu :)

    BalasHapus
  68. Terimakasih infonya Gan (y)
    Ini yang sedang saya cari-cari

    BalasHapus
  69. makasih banyak buat artikelnya keren and bermanfaat nih infonya...

    http://obatherbalampuh.com/

    BalasHapus
  70. Manteeep sob untuk informasi artikelnya :)

    BalasHapus
  71. Thanks sob untuk informasinya :)
    http://goo.gl/yAD923

    BalasHapus
  72. Coba download gambar di blog ini gan, http://notepadforex.blogspot.co.id/p/contoh-protect-image.html

    BalasHapus
  73. kalau otomatis di template ada ga mas ?

    BalasHapus
  74. makasih rahasianya.

    Perkenalkan, saya dari tim kumpulbagi. Saya ingin tau, apakah kiranya anda berencana untuk mengoleksi files menggunakan hosting yang baru?
    Jika ya, silahkan kunjungi website ini www.kumpulbagi.com untuk info selengkapnya.

    Di sana anda bisa dengan bebas share dan mendowload foto-foto keluarga dan trip, music, video, filem dll dalam jumlah dan waktu yang tidak terbatas, setelah registrasi terlebih dahulu. Gratis :)

    BalasHapus
  75. Oia mas bro kalo semisal seluruh konten gambar dan beda-beda ukuran ada caranya gak ya?? thx

    BalasHapus
  76. Informasi yang sangat bagus dan berguna. Ditunggu untuk informasi berikutnya. Thanks gan

    Silahkan berkunjung di intanqq

    BalasHapus