Upload images and get the URL of the image alphause

Helplogger Home Blog DesignWidgets SEO Menus Po ... Upload images and get the URL of the image 5 comments 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 ashow we could get the URL of an image? On the Internet there are many both free as well as paid web hosting where we canhost 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 theNew postbutton. And preferably from theEdit HTMLtab, click on the image icon. A pop-up window will open, then click on theChoose filesbutton, browse for your image(s), double click or click onOpenand then hitAdd 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): 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 onAdd photos. Select the image from your computer and upload it. After we have uploaded, click onOK. 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 usingGoogle Chrome, then selectCopy Image URL: If you are usingMozilla FirefoxselectCopy Image Location: If you are usingOperaselectCopy Image URL: If you are usingSafariselectCopy Image Address: If you are usingInternet Explorer(I hope not), first selectProperties, 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. Random Posts How to optimize Images and Increase Blog Traffic25/03/2012 - 7 Comments Redirect Blogger 404 Error (Page Not Found) To Homepage20/10/2013 - 7 Comments Rounded Corners and Shadows for Images using CSS18/09/2013 - 2 Comments Related Posts: Understanding the Page Elements of ... Add a Custom jQuery Lightbox To Blo... How to Increase Thumbnail Resoluti... Create a CSS3 Image Hover Effect wi... Before/After Photo Effect with jQue... 5 comments: Cerwenlloyd Gefjun 9/05/2013 Nice post. This is important if we try to use our own image in our respective blog. Reply mymess 10/23/2013 what I was looking for! perfect! Reply Anonymous 2/26/2014 ''If you are using Internet Explorer (I hope not) '' LOL nice blog, really helpful :) Reply health news 3/03/2014 nice explanation very helpful thank u Reply San King 3/09/2014 why is this not already in the "new and improved" blogger??? Reply Add comment Comment as: Sign out Notify mePublishPreview Privacy Policy| Disclaimer| Terms of Service| Sitemap Back to Top Search Search Follow on Facebook Helplogger Like 2,786 people like Helplogger . Facebook social plugin Follow on Blogger Subscribe via Email Receive Quality Tutorials Straight in your Inbox by submitting your Email below. Submit Or subscribe via RSS Feed Recent Posts How to Add Numbered Page Navigation Widget for Blogger 5 Easy Ways to Improve the SEO of a blog & Boost Traffic What is the difference between padding and margins? Add a Custom jQuery Lightbox To Blogger How to Use Cookies in Javascript Recent Comments irsah imihar Customizing will always be easy with jquery and javascript. Even... Missy G Yay! Thank you for making this so easy! This is just what I... divakar sivashankar admin i have a problem even if i add the tag the ad is showing up... Anonymous I don't understand the instructions you have given :( Nanette Benablo your site is very helpful and easy to follow tutorials. thank you... Popular Posts Simple Recent Posts Widget for Blogger/Blogspot Create A Rollover Image Effect (change image on mouseover) Recent Comments Widget For Blogger How to remove Blogger Picture/Image Shadow and Border Hide/Show Widgets /Gadgets in Home/post /static/archive pages in Blogger DMCA PROTECTED Like 2 2 Like