Image Hosting For Beginners

Now, image or picture is always used in almost every webpages or weblogs as a logo, banner, button, link, advertising etc in order to make a web or blog looking good and interesting. Do you know how they put the images to their web or blog? For a webmaster or a professional blogger it isn't hard thing to be done. But what about us as a new comer in the blogging world? Here I just try to give you a little manner I know about how to use or put your own edited or optimized image to your blog as header image.

First, I give you an example by looking this my blog template accurately. This is not original template that I get from "charmkins.com" I have modified the template especially I change the image header. You can look the original template here "http://adsense-tech.blogspot.com".

In order to change the image header to your desired image, you need to host or upload your desired image to the server first using image hosting service. Make sure that your desired image have same size with the original one. You can edit or create it with an image processing software like photoshop, fireworks or any other image processing software.

Here is brief explanation about image hosting:
"An image hosting service allows individuals to upload images to the internet website. The image host will then store the image onto its server. Because many blog users do not have personal webspace, either as a paid service, or through an ISP offering, Image Hosting services especially for free services have become massively popular as the demand for hosting services increases. With the explosion of the popularity of blogs, forums, auctions, and other interactive pages, image hosting services have become extremely popular among end users."

After your desired image have been created and uploaded or hosted, usually this image hosting service will give you a kind of report for you and show the individual different types of code to allow others to view that image. These code types has different length and script adjusted to your need what you will use it for. But the important thing is all those different code types always consist of image location or image url or image address.

Back to the case. After you download and apply that template to your blog (here I use blogger.com) go to edit HTML page and find code:

#header-image {
background: url("http://i161.photobucket.com/albums/t219/freetemplates4/tech-header-image.jpg") no-repeat center center;
width:930;
height:150px;
margin:0;
padding:45px 0 0;
clear:both;
}

Look the code inside parenthesis after the text background: url(". . .")
The "http://i161.photobucket.com/albums/t219/freetemplates4/tech-header-image.jpg" is the image address where the header image hosted or placed in the server, means that the header image was hosted in "photobucket.com", one of the most popular free image hosting service.

Then I replace that link address with my desired image that I've hosted into the server:
That is "http://www.imgplace.com/users/smile.fathur/header/1197967937.jpg". This means that I've hosted my own header image to "www.imgplace.com".

Then after you change that image address code you must save the changed template and view your blog with new your desired header. Here you have done change your blog header as you desired.

How to host or upload your picture to image hosting service is different for each provider, but it is easy to be done, usually you will be directed step by step. There are many free image hosting service you can use. Here is a list of some free image hosting service provider:

http://photobucket.com
http://www.free-webhosts.com
http://www.freeimagehosting.net
http://www.imgplace.com
http://www.screenshots.cc
http://www.free-webhosts.com
http://www.4freeimagehost.com
http://allyoucanupload.webshots.com
http://www.imageshack.us
http://www.photobucket.com
http://www.theimagehosting.com
http://www.picshome.com
http://www.freeimagehost.eu
http://www.pictiger.com
http://www.msplinks.com
http://www.freepicturehosting.com
http://www.freepichosting.com
http://www.imagecave.com
http://www.tupics.com

At last, you can use this image hosting principle to create, hosted and placed an image to your own blog as image header, background, banner and even button link.

**Wisdom of The Day**
"Anyone who has never made a mistake has never tried anything new."
by: Albert Einstein