Tutorial Membuat Gambar di Blog Tidak Bisa di Curi Orang Lain

Memang soal gambar, semua gambar yang ada di blog ini bukan sepenuhnya dibuat oleh saya sendiri. Banyak diantara gambar - gambar blog ini yang diambil dari blog - blog dan website tetangga. Jadi, menurut saya untuk gambar lebih baik diizinkan saja untuk dipakai bersama dan dipakai siapa saja.

Namun jika kita benar - benar punya gambar yang super eksklusif dan tidak ingin orang lain mengambilnya. Kita bisa menambahkan style css pada gambar tersebut, sehingga pada saat gambar tersebut di download atau save as, maka yang akan keluar hanya berupa file gambar kosong.

Jika tidak percaya, silahkan coba download / save as gambar dibawah :

Dan memang terbukti, dengan penambahan css style sederhana, bisa menambah sedikit keamanan blog kita. Walaupun memang masih ada cara yang bisa dilakukan untuk mengambil gambar yang telah diberi penambahan css seperti ini.

Meskipun demikian dengan menambahkan style css ini, bisa sedikit mengurangi pencurian gambar dari blog kita. Dan untuk mengetahui langkah langkahnya, silahkan perhatikan terlebih dahulu kode (HTML) dasar dari sebuah gambar yang kita upload ke blog (blogspot).

Memang sangat tidak mungkin atau mustahil sebuah gambar supaya tidak bisa di download oleh orang lain. Kita hanya cukup Klik kanan dan Save As, maka gambar bisa langsung ter download. Namun seperti yang pernah saya katakan di salah satu posting saya, "Di dunia ini tak akan ada yang tidak mungkin". Jadi, sangat mungkin sekali bagi kita untuk memproteksi gambar di blog supaya tidak bisa diambil orang lain.

Pertama - tama, mari kita perhatikan script gambar di blog yang biasa kita unggah secara langsung di blogger / blogspot. Contohnya seperti ini :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT8iO8S659S5dOnoSS6DMa5fZa62HQlvUDoEnDb7N45c201ldJRsIZXRI98ToIVXSRocXzJObltchDNJg5iOe3AdpsUXJAG_aJd7wL1CYePnG-3s1teDW60naWzNHElfeW8V2Y56JhK4o/s400/dmca-WaterMarker-sample3.jpg

" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT8iO8S659S5dOnoSS6DMa5fZa62HQlvUDoEnDb7N45c201ldJRsIZXRI98ToIVXSRocXzJObltchDNJg5iOe3AdpsUXJAG_aJd7wL1CYePnG-3s1teDW60naWzNHElfeW8V2Y56JhK4o/s400/dmca-WaterMarker-sample3.jpg" width="400" />

Keterangan :

Kode berwarna biru yang pertama, maksudnya adalah link (gambar) yang akan dituju jika gambar (link)tersebut di klik.
Dan, kode berwarna biru kedua, adalah url gambar yang akan ditampilkan pada blog kita.

Maka, jika kita ingin suatu gambar pada blog tidak bisa di klik, mudah saja. Kita hanya perlu untuk menghapus link berwarna biru di atas yang pertama. Kembali ke Topik,

Sedangkan, jika kita ingin gambar tersebut tidak bisa di klik dan juga tidak bisa di save as, maka kita hanya perlu mengganti script/kode html gambar di atas, dengan kode di bawah :

data:image/gif;base64,R0lGODlhAQABAIAAAP ///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==

" style="background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT8iO8S659S5dOnoSS6DMa5fZa62HQlvUDoEnDb7N45c201ldJRsIZXRI98ToIVXSRocXzJObltchDNJg5iOe3AdpsUXJAG_aJd7wL1CYePnG-3s1teDW60naWzNHElfeW8V2Y56JhK4o/s400/dmca-WaterMarker-sample3.jpg');" width="400" />

Keterangan :

Perhatikan kode berwarna biru di atas, kode di atas merupakan url gambar yang gambarnya dipakai pada posting ini. Dan bisa kita simpul kan bahwa gambar di atas merupakan gambar yang bersumber dari url berwarna biru di atas, namun saat di save as atau di download, maka akan mendownload dari kode berwarna merah di atas.

sumber : http://fileprofessional.blogspot.com