Trik Sederhana Cara Proteksi Gambar di Blog

Rasanya sangat mustahil menghindari seseorang menyalin dan menyimpan gambar yang ada dihalaman blog anda. Hanya dengan melakukan klik kanan dan "save as" siapapun dapat dengan mudah mengambil gambar anda hanya dengan hitungan detik.

Nah disini sebenarnya ada Trik Proteksi sederhana yang bisa anda lakukan untuk menghindari gambar anda di simpan dari tangan-tanagn jahil, dimana hasil dari gambar yang dicoba disimpan nantinya hanya berupa gambar kosong.

Untuk uji coba silahkan klik kanan dan "save as" gambar dibawah ini:


Kode standar dari gambar biasanya seperti ini:

<img width="500" height="375" src="http://ilmu-modern.blogspot.com/contohgambar.jpg"/>

Dengan menerapkan kode sederhana dibawah ini yaitu dengan hanya mengubah artibut src dan penggunaan css style langsung pada gambar maka cara Trik dibawah ini akan menciptakan gambar kosong pada hasil download.

<img style="background-image:url('http://ilmu-modern.blogspot.com/contohgambar.jpg');"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP
///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" width="500" height="375"/>

Ingat! selalu pastikan ukuran size dari gambar harus sama dengan aslinya. Walaupun Trik ini menurut saya tidak 100% akurat paling tidak khan cara ini bisa sedikit mengurangi dari tangan pengguna yang non-teknis :)

Selamat Mencoba ?!!

---

by Facebook Comment untuk Anda!

---

Artikel Terkait

Tutorial Blogger

• Membuat Efek Hover Transparan pada Gambar
• 3 Widget Animated Bird Twitter Follow untuk Blogger, Keren!
• Cara Meng-Upload Gambar Jumlah Banyak Pada Postingan Blogger
• Cara Membuat Open New Tab Pada Setiap Link di Blog
• Cara Menghilangkan Link Posting Lama dan Postingan Baru di Blog
• Cara Agar Postingan Blog Tidak Bisa di Copy
• Cara Membuat Efek Zoom Gambar saat Dilalui Kursor
• Cara Membuat Efek Meteor Jatuh di Blog
• Cara Membuat Cursor Diikuti Bintang di Blog
• Cara Membuat Back To Top Dengan Double Click di Blog
• Cara Membuat Link dengan Efek Pelangi
• Cara Mudah Membuat Tampilan Blog/Web Maintenance
• Cara Membuat Efek Link Mengeluarkan Bintang
• Cara Membuat Refresh Otomatis Di Blog
• Cara Membuat Teks yang Di Block Menjadi Berwarna
• Cara Membuat Gambar Berjajar
• Tips Untuk Blogger Pemula
• Cara Memasang Widget Alexa Rank
• Membuat Link begerak bila disentuh kursor mouse
• Cara Mudah Pasang Kotak Komentar Facebook Pada Blogger
• Membuat Judul Blog Bergerak
• Mengukur Seberapa Berat Blog/Web
• Membuat Background Kotak Komentar Lebih Menarik
• Membuat Tombol Share Facebook, Twitter, Stumbleupon, dan Google+ Pada Blogspot

---

---