8 Oct 2017

HOW TO COPY IMAGE SOURCES
This might sound simple to you, but to newcomers into the blogging world is not simple.I found it difficult to locate the correct "URL" of  my image on blogger since blogger works differently from every other platform.
why i decided to write this tutorial is because of my experience with my old method which i read on a particular blog online.
Though, both the new method and the old takes the same route, the new method produces a better result than the old.

READ MORE
How i find image url with the old method
login to my dashboard 
Click new post
when the post editor opens, click insert image and upload an image from my computer,then Click html in the text editor to see the long url of my image.
This is an example 
And this is what i get

<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-414NXrEh2YU/Wdqex4s2YMI/AAAAAAAAAR8/8XALOXM_HhISPVM81eRWKwbGt6Ui6s-hwCLcBGAs/s1600/toolcover.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="370" data-original-width="570" height="207" src="https://3.bp.blogspot.com/-414NXrEh2YU/Wdqex4s2YMI/AAAAAAAAAR8/8XALOXM_HhISPVM81eRWKwbGt6Ui6s-hwCLcBGAs/s320/toolcover.png" width="320" /></a></div>


Can you see how long it is?

The second method 

just take the same route as before, when you have uploaded the image in the text editor, right click and copy image location. You will get a better image URL of your image.
This is the result below .Compare with the first code,which is long and confusing.
 https://3.bp.blogspot.com/-414NXrEh2YU/Wdqex4s2YMI/AAAAAAAAAR8/8XALOXM_HhISPVM81eRWKwbGt6Ui6s-hwCLcBGAs/s1600/toolcover.png

No comments: