Sunday, August 30, 2009

Using Blogger to host images for various purposes

Nearly all bloggers would be familiar with uploading photo via Blogger photo upload icon . However, you can only display the photo in 3 limited sizes - small, medium and large. (Update: this is referring to uploading photo in the old post editor, not the new updated post editor, but what follows still remain true). Clicking on such images generally result in a larger image displayed.

One of such webhost is the free Photobucket image host. This post will be about using Blogger itself as a host for the images for inline linking.

I prefer to use Blogger for image hosting as I prefer my blog stuff to be stored all in the same host. If you plan to do the same, may I suggest you create a new blog for this purpose, as I have at My Photo Store and upload your photos for profile photo, backround image, etc., there.

When you upload a photo to Blogger using their photo uploading icon and you are in the EDIT HTML mode, you will see in place of the photo the following HTML code:

Such uploaded photos can be used for inline linking for profile photo, etc.You will see 2 URLs in the code. You can use the second one for inline linking (in red). However, it is better to do the following:

Publish, click on the photo which will take you to a webpage where only the photo will be displayed. Press ctrl+U to open page source and get your photo URL there. I will upload a photo below and use that as an example. You may click on the photo and verify for yourself what I am going to write:

Click on the above photo, you will be taken to a webpage where only the photo of my grandson is displayed. Press ctrl+U and the source code is revealed

23 comments:

I like this idea since blogs can take a long time to load pictures on other web hosts --- you have no control over their database problems and request overloads. Instead of looking at the source, can't you right click and copy the 'image location' for pasting into your hotlink? Also it may be convenient to look up your inventory of photos by going directly to your Blogger database, i.e. the picasaweb.google.com/ site? Could be easier to scan for the photo you want to link to.

I just found another reason to keep photos and images on blogger. The newer 'recent posts' widget from BloggerBuster has a thumbnail photo and summary making it eye-catching for visitors browsing. If your first photo in the post is on Flickr (e.g.) then there is no image displayed. The gadget uses the thumbnail automatically generated by Blogger -- and you know it will only do that for blogspot images!

why is the nav bar in my custom domain still showing. i waited three days in transition from my blog to my new custom domain, and it still looks like a blog, except for the name change. i thought custom blogs have the appearance of a normal website. so why still the blog nav bar ?

emm...I'm having some problem with my blog..Can you please help me with it?My friends said it's normal to view my blog when using Internet Explorer, but it's blur to view it by using Mozilla Firefox or Chrome..This problem occurs after I changed my layout, I think there's something wrong with the HTML isit?please help me..here's my mail hui.angel93@gmail.com

Under featured gadgets, there are 2 recent posts gadgets, 1 by Blogger Buster and 1 under Blogger Widgets which has thumbnails. I have added the second to the top of the second right sidebar at Testing Blogger in Draft and if you go there to check, the thumbnails as well as the number of comments are shown so I had no problem. Perhaps you forgot to enable them by ticking the box beside the option when you added that gadget.