Upload images and get the URL of the image

As each day there are lots of new users joining the world of blogging, it’s good to know about some basic topics that would raise some recurring questions such as how we could get the URL of an image?

There are many both free as well as paid web hosting services on the web where we can host images, but since we use Blogger, there is nothing better than using the same hosting service that Google gives us, which is Picasa.

How to Upload Images in Blogger & Get Image URL

The fastest way to upload an image is through the Blogger post editor: from your Blogger Dashboard, go to your blog and click the New post button. Once the post editor opens, go to the HTML tab and click the image icon.

When the pop-up window appears, click the Choose files button, browse for your image(s), double click or click Open and hit Add selected.

After the image has been uploaded, you will see the HTML code of the image in the post editor as in the screenshot below.

That code contains the URL of your photo. The two URLs (web addresses) that you will see, would look something similar to this:

<a href=”http://1.bp.blogspot.com/-dmCxXMKIIa0/Uid4grOEDSI/AAAAAAAADzk/nhzmCUTJhZs/s1600/Bliss-Windows-XP.png” imageanchor=”1″><img border=”0″ src=”http://1.bp.blogspot.com/-dmCxXMKIIa0/Uid4grOEDSI/AAAAAAAADzk/nhzmCUTJhZs/s320/Bliss-Windows-XP.png” /></a>

The first is the URL of the image that you need to copy. It’s not required to publish this post where you uploaded the photo; you might as well leave it as Draft or delete it. The image will be saved anyway on PicasaWeb (unless when you removed the draft, you have also selected the option to remove the image).

How to Upload Photos to Picasa and get Image URL

Now that you know how to upload an image through Blogger, you can also upload image directly from Picasa:

Just login to PicasaWeb, select the album where you want to host the image, and click Add photos.

Select the image from a location on your computer and upload it.

After it has been uploaded, click OK. Now you will see the thumbnail, along with other photos if there are more.

To get the URL of the image from Picasa, click the image to open in full size, then right click on the picture and select the following option depending on the browser you are using:

For Google Chrome > select Copy Image URL:

If you are using Mozilla Firefox  > select Copy Image Location:

For Opera > select Copy Image URL:

For Safari > select Copy Image Address:

If you are using Internet Explorer (I hope not) > first select Properties, a window will open and there you will find the Address section from where you can select the URL of the image. Just copy it:

After you have selected any of these options, you’ll have the URL of the image copied to the clipboard. It’s that easy!

Now that you know how to upload images and get the URL, it’s highly recommended to Optimize Images for Better SEO.

Remember that all images you upload on Blogger, are stored in your Picasa account. So, if you find an image previously uploaded on your blog, just go to your Picasa account, select the album containing the name of your blog and find the picture you need. The method to get the URL of the image is the same as explained above.

Related Posts

Where To Find Free Blogger Backgrounds and Textures

Blogger is a fantastic tool for amateur and professional writers that have a passion for publishing online content. Unlike WordPress or hosting companies that require you to…

How To Set Up a Custom Domain in Blogger

Our web today is a wonderful place. It’s increasingly become a knowledge hub for strollers around the globe. And you know what the best part is? It…

How to Increase Thumbnail Resolution on Blogger

When we add a widget on Blogger, the thumbnails will maintain a default size of 72 x 72px which might not look good if we try to…

Redirect Blogger 404 Error (Page Not Found) To Homepage

A 404 error page tells you and search engines that a page is not found by displaying a text similar to “Sorry, the page you were looking…

CSS Rollover Image Effect – Change Image on Hover

Rollover image is a design feature where an image changes when your mouse hovers over it. Think of a light bulb that turns on and off when…

How to Hide Posts from Blogger Homepage

The point of blogging is to make your blog posts visible to your target audience as well as to search engines. However, there are times when you…

Leave a Reply

Your email address will not be published.