Halo Sobat kali ini saya akan share trik agar semua gambar di blog kita tidak dapat di download, di copy image, dan di save image as. Trik ini berbeda dari trik melindungi gambar lainnya. Kalau trik lainnya hanya membatasi agar tidak dapat di klik kanan, kalau di artikel yang akan saya share tetap bisa, hanya saja akan menjadi gambar transparan. Untuk "demo" nya silahkan anda copas gambar di link demo di bawah. Tertarik, lihat penjelasan di bawah ini:
1. Langkah awal tetap sama, masuk ke akun blog sobat.
2. Lalu ke bagian template => edit html => expand.
3. Masukkan kode berikut tepat di BAWAH kode "<head>"
NB: Bila kode di bawah ini sudah ada, tidak perlu ditambahkan lagi.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
4. Selanjutnya, masukkan lagi kode berikut di ATAS kode "</head>"
.<script type='text/javascript'>
//<![CDATA[
$(function(){
$(".post-body img:nth-child(1)").after("<img src=\"http:\/\/2.bp.blogspot.com\/-lQW7QlMoz10\/T8yL_5IPF6I\/AAAAAAAAAQU\/5R8ngq17xzw\/s1600\/transparent.png\" alt=\"NetOopsblog protected image\" style=\"margin-left: -212px; opacity: 0; position: relative; top: 0;\" \/>");
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
$(function(){
$(".post-body img").after("<img src=\"http:\/\/2.bp.blogspot.com\/-lQW7QlMoz10\/T8yL_5IPF6I\/AAAAAAAAAQU\/5R8ngq17xzw\/s1600\/transparent.png\" alt=\"NetOopsblog protected image\" style=\"margin-left: -212px; opacity: 0; position: relative; top: 0;\" \/>");
});
//]]>
</script>
//<![CDATA[
$(function(){
$(".post-body img:nth-child(1)").after("<img src=\"http:\/\/2.bp.blogspot.com\/-lQW7QlMoz10\/T8yL_5IPF6I\/AAAAAAAAAQU\/5R8ngq17xzw\/s1600\/transparent.png\" alt=\"NetOopsblog protected image\" style=\"margin-left: -212px; opacity: 0; position: relative; top: 0;\" \/>");
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
$(function(){
$(".post-body img").after("<img src=\"http:\/\/2.bp.blogspot.com\/-lQW7QlMoz10\/T8yL_5IPF6I\/AAAAAAAAAQU\/5R8ngq17xzw\/s1600\/transparent.png\" alt=\"NetOopsblog protected image\" style=\"margin-left: -212px; opacity: 0; position: relative; top: 0;\" \/>");
});
//]]>
</script>
5. Selesai. Bagaimana? Semoga berhasil, dan bermanfaat. Dikutip dari netoopsblog.blogspot.com dengan beberapa perubahan, Sekian dan terimakasih.
0 komentar
Berkomentarlah dengan Bahasa yang Relevan dan Sopan.. #ThinkHIGH! ^_^