In the Name of Allah who is the Most Kind and Merciful, In this tutorial, I am going to tell you how to protect your blogger or website images for getting copied or hack. This is very awesome and useful trick. Want To Protect your images . . . ?
Method is given below ! Don't forget to share and comment it :)







Try to Save the below 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://i.imgur.com/eYKPf7b.png" alt="ITGooglePk 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="ITGooglePk protected Image."></span> 


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

0 comments:

Post a Comment

 
Top