9 Feb 2013

Protect all images in your Blog using jquery trick



 Select Template and click Edit HTML (Click on Proceed)
 Find ]]></b:skin> (use  ctrl+f )
Copy any of  the type of below css code  just above it.
Click on Save



Select Template and click Edit HTML (Click on 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'/>

After that

Copy the Below code above </head>

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

0 comments:

Post a Comment

 

Recent post

Ping your blog, website, or RSS feed for Free Likerr.eu

Contact Us

Name

Email *

Message *