Protect your photos from getting copied

Steps:

• Compose the blog and upload the photos as normal.

• Publish the post.

• Now immediately Edit that post.

• Goto the HTML view of that post.

• Goto the Image(which is to be protected) location in that HTML codes, it must be starting with <a href...

• Keep the IMAGE-URL with you.(You can see it in the code)

• Now select the code from <a href to the nearest </a> tag and replace it with the following code.

<table><tr><td style=" background: url(IMAGE URL) no-repeat;"><img src="
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbNjqzGrwmh1yZhmH0Yft43Lmi6SPvm80T8i6N5ZHDOIU8Xhx9nDSodIeXK-1_nacAfwTpENIG9Bn4v-z7BP0K4X1clL-XSEfN5dpeoqM0R9jEdLMeQPkR0WHiLfkSpj9C5LEFh8Yd5k6e/s1600/Protected.png" style="height: 250px; width: 250px;"/></td></tr></table>

Note:

The IMAGE URL which you have obtained is to be placed in the above code in the place of IMAGE URL written in Red. But don't remove brackets from the sides of URL.

Also change height and width in the above code according to your image's height and width.

To change the Image position:

Want/Do	Position	What is to be  replaced	Replace with
Image with adjacent content	Left	<table>	<table style="float: left;">
	Right	<table>	<table style="float: right;">
Image without adjacent content	Left	<table>	<table style="text-align: left;">
	Right	<table>	<table style="text-align: right;">
Image	Center	<table>	<table style="margin-left:auto; margin-right:auto;">

Demonstration:


Try to save this image-

Try to save this image, Right click on image and save it, and see the result.

Discovered by: Husain Kapadia
Follow on twitter @husainkapadia