Protect all images in your Blog jquery trick

Here is a most important trick every blogger need. This trick is about how to protect all your images in your blog with a transparent image covered on it. I recently posted an article about How to protect images? .This article about to protect all images.







Related Articles
How to protect images in your blog?
Do you want to see demo? Try to save picture in this blog.
----------------------------------------------------------
What's inside this article
 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 every Post

<script type='text/javascript'>
//<![CDATA[
$(function(){
$(".post-body img:nth-child(1)").after("<img src=\"http:\/\/i.imgur.com\/eYKPf7b.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:\/\/i.imgur.com\/eYKPf7b.png\" alt=\"NetOopsblog protected image\" style=\"margin-left: -212px; opacity: 0; position: relative; top: 0;\" \/>");
});
//]]>
</script>
I think you liked this article...please like and share..

Protect your images Blogger image hack

protect your images blogger trick
This is an awesome trick to protect your images.You can protect your images from copying with this Simple CSS Blogger Tricks.After applying this trick the person who save the image will get a transparent image instead of the original image.







Demo

Protect your image with CSS overlapping

  • Go to Blogger Account
  • Use the Following trick
<img src="Place image URL Here" />
<img border="0" src="http://i.imgur.com/eYKPf7b.png" alt="NetOops protected image" width="200" height="200" style="left: 0px; opacity: 0; position: relative; top: -216px;" />
  •  You can use this code anywhere, if you want to protect an image in your post. Add image and switch to HTML tab and copy the URL of image(eg- http://3.bp.blogspot.com/-xxxxx/xxxxx/s1600/name-of-image.jpg) and paste to that code mentioned above.
  • That's it.

Protect your image with SPAN background

  • Use the following code
<span style="background-image: url(Place image URL here)"><img src="http://i.imgur.com/eYKPf7b.png" width="200" height="200" border="0" alt="NetOops protected Image."></span> 

  • You are done..
If you liked this article please share and like....

How to Backup/Restore template in new blogger interface?

Backup restore new Blogger Template easily
Here i'm saying about an important topic that i had posted early " How to Backup/Restore Blogger Template? ". But i'm going to show you How to Backup/Restore  Blogger Template in New Blogger Template . Now a days Blogger default interface is Upgraded New Blogger Interface. Backup/Restore Template is so important,So don't take this as a silly matter.
Read Following see How to backup template in New Blogger Interface..



How to Backup/Restore Template

  • Go to Blogger Account
  • Select Template [as shown in fig.]
Backup restore new Blogger Template easilyBackup restore new Blogger Template easily
  • Click on the Button Backup/Restore  in Left top .
  •  A box appears [as shown in fig.]

Backup restore new Blogger Template easily
  • As shown in the above fig. 
  • Click on Download Full Template to download Template.Save it
  • Click on the Browse to Restore the early downloaded Template.
  • That's all ..Enjoy with us...








Check out other Blogger Tricks HERE and Blogger jquery Widget Generators HERE

Protect Your Blog posts from Copying Blogger Trick

Stop copying blog content with css
Copying blog posts or articles from sites/blogs on internet is a usual thing.Here i am going to share you how to protect your blogger posts/articles form getting Stolen.This is a trick to lock your text and the visitors of your blog can't select the text only they can read the text. If they cracked that method and select the text there is another trick to disable right click menu,so they can't copy text.. Enjoy...







To view Demo click the link below:- Open this link and try to select text..Or do a right click..

View Demo

Copy the Following CSS codes to your Blog

  •  Go to Blogger Dashboard
  • Select Template->Edit HTML click Proceed    [or Use Alternate Way to copy CSS code]
  • Find ]]></b:skin>
  • Copy the following code  and save

-moz-user-select:none;
-webkit-user-select:none;
-khtml-user-select:none;
-ms-user-select:none;
user-select:none;


Disable Right Click

  • Copy the following code inside <head>
<script src='http://netoopscodes.googlecode.com/svn/branches/Js files/disable right click.js' type='text/javascript'/>


I think this article will surely help you...if you liked this please share...