Stop Your Image Stealing Using Jquery

Consider, you are working hard in creating images for your webpage and someone just copy and paste on their webpage without any credit or appreciation, then how would you like to feel? In today's post, here is a important trick for every blogger or webmaster to stop your Image stealing. You just have to put a little piece of code in your template which will prevent users to copy Images from your web page.

How To Stop Your Image Stealing ?


  • Go to Your Blogger Dashboard > Template > Edit HTML.
  • Take a backup of your template.
  • Now find for <head> in your template
  • Add below code just above/before <head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>

Note - If your blog have already a jquery plugin then ignore this step.

  • Now again find </head>
  • And add below code just above/before </head>
<script type='text/javascript'>
//<![CDATA[
$(function(){
$(".post-body img").after("<img src="http://3.bp.blogspot.com/-027rcLL4dAc/UMl1RePL9VI/AAAAAAAABJc/cYZlZV_yjf4/s1600/Stealing-Detected.png" alt="Things-Guide Stealing Detected" style="margin-left: -212px; opacity: 0; position: relative; top: 0;" />");
});
//]]>
</script>

I hope this small trick will surely help you to prevent your Images from republishing on other websites.
Previous
Next Post »