Cara Zone

Portal online Tips dan tutorial

Dapatkan tutorial terupdate gratis dengan berlangganan artikel

Sunday, November 9, 2014

Cara melindungi Foto atau Gambar pada Blog

Cara melindungi Foto atau Gambar pada Blog

Cara Agar Foto atau Gambar Pada Blog Tidak di Copas dgn kode Sederhana

Sebagian dari Blogger tentu punya Blog pribadi yang memposting beberapa foto pribadi Anda, atau juga Anda punya gambar-gambar yang dibuat sendiri dan tidak ingin orang lain sembarangan mendownload atau mengcopynya.
Hal ini hampir mustahil untuk menghindari seseorang mencuri foto pribadi Anda. Peringatan hak cipta Google pada gambar pencari tidak banyak berpengaruh ketika seseorang mencari gambar di internet. Orang-orang akan klik kanan dan "save as" dalam hitungan detik dan bammm foto atau gambar milik Anda sudah tersimpan dalam komputer orang lain.

Beberapa Blogger biasanya memberikan sumber keterangan dari gambar atau link ke sumber aslinya. Namun, kenyataan juga jika lebih banyak dari mereka yang tidak memberikan sumber.
Ini kadang membuat beberapa blogger jadi enggan berkreasi lebih, untuk itu ada baiknya Anda melindungi Gambar-gambar yang ada pada Blog sobat hanya dengan kode sederhana.

Pertanyaan :
Apa dengan cara berikut, Gambar/foto Anda betul-betul tidak bisa di copas?

Jawab :
Tentu dengan menggunakan metode berikut tidak dijamin 100 %, Apalagi yang akan mencurinya orang-orang yang sudah Ahli, tapi dengan menerapkan kode berikut pada gambar, Sedikit tidak bisa megurangi tindakan pencurian dan memperumit orang yang akan mengcopas.

Jadi dengan menambahkan kode sederhana pada gambar, disaat mereka akan mencopas maka mereka tidak akan mendapatkan foto yang benar-benar dalam kondisi baik atau Asli, melainkan Ketika mereka men-download gambar Anda, hasil akhir hanya menunjukkan kanvas kosong putih.

DEMO SILAHKAN klik kanan dan "save as" Gambar dibawah ini :


Caranya seperti berikut ini :
Kode standar foto biasanya seperti ini:

<img border="0" src="http://2.bp.blogspot.com/--KO4mx7a9J8/VGBkdkIittI/AAAAAAAACNo/6dlNKz6igm4/s400/sampulvideo3.png" height="375" width="500" />

Sekarang, Anda hanya perlu menambahkan kode sederhana dengan perubahan src atribut dan menggunakan gaya css untuk gambar sehingga akan membuat foto kosong. Baris kode akan terlihat seperti ini:

<img style="background-image:url</b>('http://2.bp.blogspot.com/--KO4mx7a9J8/VGBkdkIittI/AAAAAAAACNo/6dlNKz6igm4/s400/sampulvideo3.png');" src="data:<b>image/gif;base64,R0lGODlhAQABAIAAAP ///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" width="500" height="375"</b>/>

Note : Ukuran gambar harus sama, seperti yang contoh diatas
Silahkan dicoba, semoga bermanfaat

9 comments:
Silahkan komentar
  1. Thank gan, Sangat bermanfaat.
    Izin gabung ya gan.

    ReplyDelete
  2. Thank's gan, semoga bermanfaat. Izin gabung gan,...mohon minta diajarkan ya?

    ReplyDelete
  3. Ijin bertanya gan kalou kita pengen mengaplikasikan cara ini di fb supaya foto di fb tidak bisa dicopas orang bagaimana gan?

    ReplyDelete
    Replies
    1. Sepertinya di fb ga akan bisa gan,

      Delete
  4. Terimakasih atas semua artikel bermanfaat yang sudah anda publikasikan melalui blog

    yang menarik ini, saya tunggu postingan selanjutnya, have a nice day, kawan :)

    ReplyDelete
  5. Saya coba ya, semoga berhasil!!!

    makasih bro, lagi butuh banget ini.

    ReplyDelete
  6. min, klw kode ini di pasang di wordpress apa bisa juga gk..?? thanks

    ReplyDelete
    Replies
    1. Jika tidak salah ada kok plugin khusus untuk melindungi Gambar pada WP
      Terima Kasih

      Delete

Silahkan Follow atau Like FP Cara Zone
Join Our Newsletter