Memproteksi Gambar di Blog dari Save As

Kali ini kita akan belajar memproteksi gambar yang ada di blog kita dari 'save as' atau disimpan oleh seorang. Mungkin bagi yang sudah menerapkan disable klik kanan di blognya bisa langsung juga memproteksi gambar. Sekarang yang akan kita bahas kali ini adalah trik sederhana untuk memproteksi gambar dari 'save as'. Jika orang mengklik kanan gambar pastinya akan bisa dan ada pilihan 'save as' dan ketika diklik akan muncul jendela tempat menyimpan. Saat gambar disimpan yang ada adalah berupa gambar kosong.

Cara Memproteksi Gambar di Blog dari Save As
Berikut ini adalah kode HTML normal untuk menampilkan sebuah gambar;

<img width="320" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigYg5FaAkHLCQmk1osEQ0pGc-BCetmMJiG-6a98-SDy_ekhO_JLfaWwbtjFRuYXVdgkvyXoONPyj-f_6FQMiltztmnAoaPKqIotbz2SYC25jvSnC0kI7DZ1hkK_EQ8jxuGTUN96V8mZSI/s320/computer-vision-syndrome.jpg"/>

Dengan hanya mengubah artibut src dan penggunaan css style langsung pada gambar maka cara Trik di bawah ini akan membuat gambar kosong pada hasil download. Selalu pastikan ukuran size dari gambar harus sama dengan aslinya. Berikut adalah kodenya;

<img style="background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigYg5FaAkHLCQmk1osEQ0pGc-BCetmMJiG-6a98-SDy_ekhO_JLfaWwbtjFRuYXVdgkvyXoONPyj-f_6FQMiltztmnAoaPKqIotbz2SYC25jvSnC0kI7DZ1hkK_EQ8jxuGTUN96V8mZSI/s320/computer-vision-syndrome.jpg');" src="data:image/gif;base64,R0lGODlhAQABAIAAAP ///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" width="320" height="213"/>