First Login to your Blog Control Panel. Click the File Manager tab at the top of the Control Panel. The File Manager provides you with a system for managing your blog's files similar to the system of files and folders on your computer's hard drive.
You will see a page that looks like this:
It is often useful to organize your images in directories, so let's create a directory named Banners. In the box next to the words Create subdirectory: at the top right side of the page, enter Banners and click Create. Now you will see a page that looks like this:
The File Tree on the left side of the File Manager page shows the hierarchy of folders in your blog. Click on the Banners directory to navigate into it. Now let's upload an image file into this directory. Click on the Browse button in the Upload New File section. A File dialog will appear that will allow you to browse your hard disk and select the file you wish to upload.
When you have selected the file, click on the Upload button. The Upload button will change its appearance so that it says "Uploading" and a progress bar will appear below it to indicate that your image file is uploading. Once your image has been uploaded, the File Manager page will be refreshed and the File Contents List will show the new file. In the screenshot below, you will see that we have uploaded a file named
Banner1.gif.
You can use the image in your article using HTML. In the case of the image above, we would use the following HTML to display the "Banner1.gif" file we uploaded to the Banners directory.
<img src="/Banners/Banner1.gif">
If you include the HTML above in your article, the image
Banner1.gif will appear in your article. You can also include the image in your blog template. Read this article to learn how to create a custom component for your header containing a banner image you upload.
