When you upload a picture to your blogger blog,.You can see It's HTML code in 'Edit Html' section of post editor. For example look at the picture below.
HTML Code of the above image :
| <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWjCGopDBayZBh3E9ID8Eyg_Gklv_ErCTE1ifXPxkqWcXOgKlz8MHDLwXVebOKd6pz0j1TKWmFidr8VuxQv_5QJl_ksYKRpivuqjpuZF0GOtC3K3ssWVPZ-nCj7nVU6gLbjD1BmRnWjMI/s1600-h/lion2.jpg"><img style="cursor:pointer; cursor:hand;width: 400px; height: 105px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWjCGopDBayZBh3E9ID8Eyg_Gklv_ErCTE1ifXPxkqWcXOgKlz8MHDLwXVebOKd6pz0j1TKWmFidr8VuxQv_5QJl_ksYKRpivuqjpuZF0GOtC3K3ssWVPZ-nCj7nVU6gLbjD1BmRnWjMI/s400/lion2.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5338587402907365666" /></a> |
Within this code are the links for the smaller picture :
| https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWjCGopDBayZBh3E9ID8Eyg_Gklv_ErCTE1ifXPxkqWcXOgKlz8MHDLwXVebOKd6pz0j1TKWmFidr8VuxQv_5QJl_ksYKRpivuqjpuZF0GOtC3K3ssWVPZ-nCj7nVU6gLbjD1BmRnWjMI/s400/lion2.jpg |
The link to the original picture which appears on clicking the thumbnail(small picture) :
| https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWjCGopDBayZBh3E9ID8Eyg_Gklv_ErCTE1ifXPxkqWcXOgKlz8MHDLwXVebOKd6pz0j1TKWmFidr8VuxQv_5QJl_ksYKRpivuqjpuZF0GOtC3K3ssWVPZ-nCj7nVU6gLbjD1BmRnWjMI/s1600-h/lion2.jpg |
Look at the difference in above 2 links : "s400" directory stores the thumbnail while "s1600-h" directory stores the original picture. Otherwise the two links are the same. Even the picture name is not changed.
Now if you want to show the original sized picture in your post REMOVE THE 's1600-h/'in the second LINK.Now it look like this.
| https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWjCGopDBayZBh3E9ID8Eyg_Gklv_ErCTE1ifXPxkqWcXOgKlz8MHDLwXVebOKd6pz0j1TKWmFidr8VuxQv_5QJl_ksYKRpivuqjpuZF0GOtC3K3ssWVPZ-nCj7nVU6gLbjD1BmRnWjMI/ |
To Add the original sized picture in your post use below code.
| <img src="URL OF ORIGINAL SIZE PICTURE WITHOUT s1600-h"/> |
Remember to replace URL OF ORIGINAL SIZE PICTURE WITHOUT s1600-h with your real modified link.According to our example,this is the code you must use.
| <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWjCGopDBayZBh3E9ID8Eyg_Gklv_ErCTE1ifXPxkqWcXOgKlz8MHDLwXVebOKd6pz0j1TKWmFidr8VuxQv_5QJl_ksYKRpivuqjpuZF0GOtC3K3ssWVPZ-nCj7nVU6gLbjD1BmRnWjMI/"/> |
Now publish post.You are done.
0 comments:
Post a Comment