Cari Blog Ini

My Best Friend

Diberdayakan oleh Blogger.

Label

Traffic Visitor

Flag Counter
24 Feb 2013

Sepertinya setiap postingan tanpa disertai gambar, baik itu ilustrasi atau memang bagian dari tulisan itu jadi terasa kurang menarik. Oleh sebab itu sebagian besar blogger yang posting akan menyertakan gambar. Baik gambar itu hasil jepretan sendiri atau mencari di search engine dan melampirkannya.

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/AVvXsEhKjNTfTw-8KFDwyNCakwwEEWANjYttZTpBAhNkmQJA4erdPbsKxdInZGZIicLvagrBbTP1Hu6zWT74l3zlxDVaCN2W4xyImwATUlK05aZaYKCjvt5jPiLix1dTRiD8gIuJSH9XlbfU340/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/AVvXsEhKjNTfTw-8KFDwyNCakwwEEWANjYttZTpBAhNkmQJA4erdPbsKxdInZGZIicLvagrBbTP1Hu6zWT74l3zlxDVaCN2W4xyImwATUlK05aZaYKCjvt5jPiLix1dTRiD8gIuJSH9XlbfU340/s320/computer-vision-syndrome.jpg');" src="data:image/gif;base64,R0lGODlhAQABAIAAAP ///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" width="320" height="213"/>

Dan berikut adalah contoh gambar yang memakai kode diatas, coba saja cek dengan klik kanan lalu 'save as'.


0 komentar: