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.
 |
| Stop Your Image Stealing Using Jquery |
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>
//<![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>
read also :
- Facebook Like Box with Hover Effect for Blogger
- How to Remove Powered by Blogger – Attribution Widget?
- Custom Robots Header Tags Set up For Blogger
I hope this small trick will surely help you to prevent your Images from republishing on other websites.
No comments:
Post a Comment
Note: Only a member of this blog may post a comment.