SEO Search

  • Subscribe to our RSS feed.
  • Twitter
  • StumbleUpon
  • Reddit
  • Facebook
  • Digg

Wednesday, 4 September 2013

Upload images and get the URL of the image

Posted on 11:58 by Unknown
As each day there are lots of new users joining the world of blogging, is necessary to discuss about some basic topics that bring up some recurring questions such as how we could get the URL of an image?

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

The fastest way to upload an image is by going to the Blogger post editor. From your Blogger Dashboard, go to your blog, then click on the New post button. And preferably from the Edit HTML tab, click on the image icon.

A pop-up window will open, then click on the Choose files button, browse for your image(s), double click or click on Open and then hit Add selected.

When you have uploaded you will see that in the post editor shows the code of the image.


That code is the URL of the image. You'll see two URLs (Web addresses):
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHxGYIeuxh_DAIPhPScuH0kDLAEv7vhPS1lEa7wiSYwUST2nlexYpHfL6NNbiE-U4ifFRw_bYcRCIFVwLPX6ln26d_p07tTGvOFpgMK70hnXh0ark4dlT9xxNoAkqen0ecwYGsTNWNW7vx/s1600/Bliss-Windows-XP.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHxGYIeuxh_DAIPhPScuH0kDLAEv7vhPS1lEa7wiSYwUST2nlexYpHfL6NNbiE-U4ifFRw_bYcRCIFVwLPX6ln26d_p07tTGvOFpgMK70hnXh0ark4dlT9xxNoAkqen0ecwYGsTNWNW7vx/s320/Bliss-Windows-XP.png" /></a>

The first is the URL of the image that you need to take. It is not necessary to publish this entry where you uploaded the picture, you could as well not publish it, leave it as a draft or delete it, the image will be saved anyway on PicasaWeb (unless when you removed the draft, you have also selected the image to remove). You could also upload image directly from Picasa. Just login to PicasaWeb, select the album where you want to host the image, and click on Add photos.


Select the image from your computer and upload it.


After we have uploaded, click on OK.

There you will see the thumbnail, along with other photos, if there are more.

If you want to get the URL of the image from Picasa then click on the image to open in full size.
With the right mouse button click on the picture and select option depending on the browser you use...

If using Google Chrome, then select Copy Image URL:


If you are using Mozilla Firefox select Copy Image Location:


If you are using Opera select Copy Image URL:


If you are using Safari select Copy Image Address:


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


Having selected any of these options you'll have in the clipboard the URL of the image. Simple isn't it?

Remember that all images you upload on Blogger are stored in your Picasa account, so if you find an image previously uploaded to your blog, go to your Picasa account, select the album containing the name of your blog and there find the picture you need. The procedure to obtain the URL of the image is the same as explained above.
Email ThisBlogThis!Share to XShare to Facebook
Posted in how to, Image Effects | No comments
Newer Post Older Post Home

0 comments:

Post a Comment

Subscribe to: Post Comments (Atom)

Popular Posts

  • How to change Blogger "Post A Comment" Message
    In this tutorial i will show you how to replace the 'Post A Comment' text that appears above the comment form with an image. Also, I...
  • CSS Basics. How to Apply Rounded Corners On Images #1
    This tutorial will explain how to change the outside border of any image using some simple CSS rules to make it round, but this is so easy t...
  • Google Translate Widget with Flags For Blogger
    The Google Translate Widget for Blogger allows the visitors to translate your site or blog in their own language. This widget also auto-dete...
  • How To Remove Blogger Attribution Gadget
    The Attribution gadget is the gadget in the footer that says "Powered By Blogger". If you have tried to remove this then you may o...
  • Replace Older, Newer And Home Blogger links with an image or text
    Newer Post, Home and Older Post are links that appear on the bottom of the posts. When a visitor click on one of these links, they will take...
  • Expandable Recent Comments Widget for Blogger/Blogspot
    This Expandable Recent Comments is a very accessible widget that can be collapsed or expanded through user interaction, so that now, we don...
  • How to Add a Widget Below First Post in Blogger
    This tutorial will show you how to make a gadget/widget to appear just below the first Blogger post. First, you must understand that the usu...
  • CSS Basics. How to Apply Rounded Corners On Images #2
    In the previous post I have mentioned that we will learn to round images using CSS, without needing to edit them one by one using a program...
  • Before/After Photo Effect with jQuery
    If you have a design or makeup blog, or if you are using before and after image comparison , this script will surely be very useful for you....
  • How to Write SEO Optimized Blog Posts
    I'm not a SEO Expert, nor what we will read further is a top secret, but this is something about basic positioning that everyone should ...

Categories

  • adsense
  • adsense optimization
  • adsense tips
  • Auto Video Template
  • avatars
  • blockquotes
  • Blog Design
  • blogger
  • blogger posts
  • color code generator
  • Comments
  • comments tricks
  • css
  • emoticons
  • Emoticons/Smileys
  • Facebook
  • feedburner
  • forum
  • Hacks
  • how to
  • how to make a blog
  • Image Effects
  • internet
  • jQuery
  • labels
  • menus
  • Navigation
  • navigation menu
  • popular posts
  • posts
  • read more
  • recent comments
  • recent posts
  • related posts
  • RSS
  • SEO
  • sitemaps
  • slideshows
  • social media
  • social media plugins
  • static pages
  • Templates
  • threaded comments
  • titles
  • tools
  • translating
  • webbligi
  • Widgets

Blog Archive

  • ▼  2013 (57)
    • ►  November (4)
    • ►  October (16)
    • ▼  September (13)
      • Page peel effect using jQuery
      • Customize the scroll bar (scrollbar) with JScrollPane
      • Customizing Numbered Lists in Posts + 3 Examples
      • 4 Different Styles For the Popular Posts Widget
      • Adding a Youtube Video in the Background of a Blog...
      • Create a Background Slideshow for Blogger
      • Rounded Corners and Shadows for Images using CSS
      • How to make the background image of the blog fill ...
      • Vertical drop down menu with jQuery
      • How to embed a youtube playlist on your blogger blog
      • Making a gadget visible only to the blog administr...
      • Upload images and get the URL of the image
      • Possibly the most simple jQuery Slider
    • ►  June (3)
    • ►  May (4)
    • ►  April (5)
    • ►  March (12)
  • ►  2012 (73)
    • ►  July (1)
    • ►  June (3)
    • ►  May (9)
    • ►  April (23)
    • ►  March (30)
    • ►  February (7)
Powered by Blogger.

About Me

Unknown
View my complete profile