- 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-
|
No comments:
Post a Comment