Saturday, February 16, 2013

How To Protect All Images In your BlogGer

Friends, This is a secure script for your blogger images. In this case we use a transparent image cover all images and it protect all images from others. Do you want to use it in your blog keep follow this post. and enjoy…

Go to Template->Edit HTML option [A dialog box appears click Proceed]

Copy and paste the below code in <head> and save it ( If not in <head> tag)

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

Want To Protect Only First Image In Every Post (Copy This Code)

<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=\"Masterhacksindia protected image\" style=\"margin-left: -212px; opacity: 0; position: relative; top: 0;\" \/>");
});
//]]>
</script>

Want To Protect all images in every post (Copy This Code)

<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=\"Masterhacksindia protected image\" style=\"margin-left: -212px; opacity: 0; position: relative; top: 0;\" \/>");
});
//]]>
</script>