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.
Bagi yang merasa artikel ini menarik, dan ingin menyebarluaskannya dimohon bagi siapa pun yang ingin mengutip diwajibkan untuk mencantumkan kode link di bawah ini. Hargailah karya cipta orang lain. Terimakasih.
Kunjungan random sob, terus semangat posting :D
ReplyDeleteOke konsultanku. Minta doanya aja biar tambah sukses.
Deleteinfonya keren, bro.....
ReplyDeletemakasih sobat dari kanginan Jaya...
DeleteMakasih sob sudah mau di bookmark.
ReplyDeleteMakasih infonya bermanfaat.
ReplyDeleteNice info sob.. Kalau saya, gambarnya saya beri logo blog.. hehehehe :D
ReplyDeleteoke masukan yang bagus dari sobat. Makasih.
DeleteManteb gan....
ReplyDeleteAne pernah nyoba tapi kayak punya o-om :)
Seph....
Follbeck udah ane jalanin
@Mas AdhieOke sob makasih banyak ya :)
ReplyDeleteInformasi yang bagus teman
ReplyDeletesepertinya akan tetap bisa dicopas klo Mode JS pada mozilla di nonaktifkan sob :)
ReplyDelete@Sudirman Dcaesga Asmajawa KatonBagaskaraYa jelas lah sob, memang pasti ada kelemahannya. Tetapi paling gak berusaha untuk menghindarinya :)
ReplyDeletebagaimana jika blognya diimport orang laen,apakah gambar masih tidak muncul?
ReplyDeleteralat sob harusnya kode yang Ke 2 itu ditaruh di ATAS kode </head> bukan DiBAWAHNYA
ReplyDelete@RISALAHATIWah iya nih kesalahan fatal, makasih ya..
ReplyDelete@RISALAHATIYa masih bisa sob, di sini sebenarnya intinya cuma melapisi gambar asli, dengan gambar transparant, gitu. Oke kritik yang membangun :)
ReplyDeleteYang disini ko masih bisa dicopas gambarna
ReplyDelete@PESEdit 2013 Patch 2.7Loh sobat sudah masukin kodenya belum? Saya cek di blog sobat belum ada kodenya...
ReplyDeletenice infonya sob, very bermanfaat :)
ReplyDelete@andro sultanSama-sama, bahasanya campuran ya...
ReplyDeletesaya sudah copas gambar dari blog anda kok mash bisa saya lihat dengan jelas" mohon demo nya" gtambar nya yg mana ni???
ReplyDeleteoh ya ni sekedar tip kecil" berangkali agan2 mau coba"
no copast,
@Rudi theao iya maaf sob saya pada saat itu masih menggunakan templete yang lama. Sekarang saya menggunakan templete baru, jadi kode tersebut belum saya masukkan. Oke akan saya buat demonya.
ReplyDeletenice info teman
ReplyDeleteMAntab nih ..
ReplyDelete@Arluva Storysama-sama
ReplyDelete@Hermanbagusoke... sobat herman bagus
ReplyDeletekunjungan sore sob... nice post :)
ReplyDelete@sogellizerOke sama-sama
ReplyDeleteKeren mas..., saya juga melihat Live Demonya...
ReplyDeleteMksh, info ini nambah pengetahuan
@Harun ArOke, semoga bermanfaat.
ReplyDeletemantaap... sdh saia praktek kan gan ke blog saia..
ReplyDeletegood mas..
ReplyDeletetapi, textnya masih bisa dicopas atau enggak?
@idPendidikan.com: oke siap sob.
ReplyDelete@Wisnu Wardhana : Ya masih lah.. namanya juga cuma gambar ya yang di protect. Kalo textnya ya enggak.
gan... kok aku coba terapkan, eh gambar post thumbnailhome pagenya jadi nggak karuan? gimana cara mengatasinya? kacan9.blogspot.com
ReplyDeletedi blog ku kadang bisa disempen gambarnya , kok kadang transparant
ReplyDeleteapa ini kelemahannya ?
mantab gan, makasih infonya gan
ReplyDeleteTrimkasih infonya sobat,,keren artikelnya,
ReplyDeletemantabbbb thanks tutornya sobb,,,
ReplyDeletehttp://zona-profil.blogspot.com/