We can add Images to blogger in three ways.
1. Copy paste the image onto a blog post
2. Inset image option - used to upload image that we have on our local machine (or Personal computer)
3. Embed HTML code for the image with image URL from any of the image hosting websites on internet.
Let us see the process of adding videos in both the above mentioned ways.
1. Copy paste the image
We can copy an image or a part of the image and paste it on to blog post where ever required.
2. Insert Image option
Place the cursor in the blog post where we want the image be inserted and click "Insert image" option as highlighted in the image below.
Then select the image from local machine and upload it to blogger.
2. Embed HTML code for the image.
Get the URL for the image from image hosting websites.
For example get the URL of an image I have it on one of my test blogs as shown below.
Then use the URL in the below HTML code for an image.
<img src="IMAGE URL GOES HERE"/>
After replacing the IMAGE URL the code looks like the one below.
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMcUeyC0VC3x7gZ3Tq-RrObam8hVNjCzACBkcFgNsKWrke45jdWwLElT0loGIudkzM0jhDOmPtqrwookHgjU0WiqCKomWstMcobN-eoAFuoEJetiu1sDSY3aBmth32FFToqR8htUDRbgHD/s1600/image15.png"/>
Now we can use the above HTML code to embed with any HTML code anywhere on the blog.
If you like the post, take a couple of minutes to comment and share.
Your comments are most valuable and would help me come up with better posts.
1. Copy paste the image onto a blog post
2. Inset image option - used to upload image that we have on our local machine (or Personal computer)
3. Embed HTML code for the image with image URL from any of the image hosting websites on internet.
Let us see the process of adding videos in both the above mentioned ways.
1. Copy paste the image
We can copy an image or a part of the image and paste it on to blog post where ever required.
2. Insert Image option
Place the cursor in the blog post where we want the image be inserted and click "Insert image" option as highlighted in the image below.
Then select the image from local machine and upload it to blogger.
2. Embed HTML code for the image.
Get the URL for the image from image hosting websites.
For example get the URL of an image I have it on one of my test blogs as shown below.
Then use the URL in the below HTML code for an image.
img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW_zqtNRUcJSHbXc9ntyvReUDYoipiDvzA3GHkTJVW3qixap66PaOXa_yDz_6F27nDA2nw48zeDhAjp3zWqc7k5IcQ4JhQMMoxPlc8nTKrf8w83LjTsQcXq2npjT1hmFe5nWnaRhk7P_eA/s1600/facebook.png"/>
- See more at:
http://amazing-bloggertricks.blogspot.in/2013/05/how-to-add-static-buttons-on-blog.html#more
<img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW_zqtNRUcJSHbXc9ntyvReUDYoipiDvzA3GHkTJVW3qixap66PaOXa_yDz_6F27nDA2nw48zeDhAjp3zWqc7k5IcQ4JhQMMoxPlc8nTKrf8w83LjTsQcXq2npjT1hmFe5nWnaRhk7P_eA/s1600/facebook.png"/>
- See more at:
http://amazing-bloggertricks.blogspot.in/2013/05/how-to-add-static-buttons-on-blog.html#more
<img src="IMAGE URL GOES HERE"/>
After replacing the IMAGE URL the code looks like the one below.
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMcUeyC0VC3x7gZ3Tq-RrObam8hVNjCzACBkcFgNsKWrke45jdWwLElT0loGIudkzM0jhDOmPtqrwookHgjU0WiqCKomWstMcobN-eoAFuoEJetiu1sDSY3aBmth32FFToqR8htUDRbgHD/s1600/image15.png"/>
Now we can use the above HTML code to embed with any HTML code anywhere on the blog.
If you like the post, take a couple of minutes to comment and share.
Your comments are most valuable and would help me come up with better posts.
0 comments:
Post a Comment