Friday, 23 November 2012

Protect Your All Images In Your Blog

Hiii Everyone i am Back With a New Trick About Our Blog You Know Many Thief or hackers are on Internet and They Also Cpoying Our Post And Material Now its Time To Protect Our Blog's images



Our Last Post is about Protect Our Blog's Post

Now We Start This Trick

 Step 1: Add jQuery plugin (if your blog have a jquery plugin,ignore this step)


  • Go to Template->Edit HTML [A dialog box appears click Proceed]
  • Copy and paste the below code <head> and save it
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>


  • Go to Blogger Account
  • Template->Edit HTML [Click Proceed]
  • Copy the code above </head>

 Protect Only First Image In Your Every Post


<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> 

 Protect All Images In Every Post

<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>


 Now All Process is Done Enjoy... :D
Any Doubt About It Please say & thx For See This Simple Post