Thursday 29 November 2012

How to Protect your Blogger images

Posted by Unknown | 22:02 Categories: ,
                                               
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.

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://2.bp.blogspot.com/-lQW7QlMoz10/T8yL_5IPF6I/AAAAAAAAAQU/5R8ngq17xzw/s1600/transparent.png" alt="NetOops protected image" style="left: 0px; opacity: 0; position: relative; top: -216px;" />
  • 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://2.bp.blogspot.com/-lQW7QlMoz10/T8yL_5IPF6I/AAAAAAAAAQU/5R8ngq17xzw/s1600/transparent.png" width="200" height="200" border="0" alt="NetOops protected Image."></span> 

  • You are done..

0 comments:

Post a Comment

Confused? Feel free to ask

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.

Note:
1. You Can add HTML CODE in comments.
2. You can always Test the tutorial.
3. No cheesy/spam Comments tolerated Spam comments will be deleted immediately upon our review.

Regards,
Saeed Aquib Ahmed :)

Member
Blogger Widgets

Grab This Gadget »

Powered by Tricks Donor
Subscribe
emailSubscribe to our mailing list to get the updates to your email inbox...
Delivered by FeedBurner | powered by Tricks Donor
  • RSS
  • Delicious
  • Digg
  • Facebook
  • Twitter
  • Linkedin
  • Youtube