This tutorial assumes that you have already used a graphics tool to create an image with your logo. Images are ideally formatted as jpeg (.jpg extension), gif (.gif extension) or png (.png extension).

There are just two steps you have to follow in order to upload an image into a position:
Step 1: Upload the image to the server
Step 2: Create a custom user module and publish it in a predefined position.

Step 1

The uploading part can be done in a few different ways. One way is to upload your image using your FTP client. The FTP way requires you to have some knowledge on web-authoring. Another way is to use the internal Joomla! media manager. This is the way we will use in this tutorial.

For the purposes of this tutorial we will use the Travel In template and its logo.

Login to the Joomla! control panel. From the menu go to Site > Media Manager

You will see a list of files and directories that inside the file structure can be found under the directory "/images". In this control panel those files and directories appear under the "Media" node. In this tutorial we want to upload the logo in the directory "/images/stories", so click on the "stories" branch. When you click on the "stories" branch the screen will show the files under that sub-directory.

Towards the bottom of the screen locate the upload controls and click the "Browse files" button.

Use the dialog to find the image in your computer.

The file is now selected and you should click the "Start Upload" button to upload it to the server.

When the progress bar completes the file is successfully uploaded to the /images/stories directory.

TROUBLESHOOTING: If you get an error on this step it is probably because the /images/stories directory does not give you enough permissions to upload files. In a case like this, you should try the FTP way, or contact your web master to consult him.

Step 2

In this step we assume that the image is successfully uploaded to the server and we will now create a module that make this image visible.

From the administrator control panel menu select Extensions > Module Manager .

The module manager control panel is now onyour screen. Now click the "New" button to create a new module.

You will be shown a list with many different types of modules. Click on the "Custom HTML" option.

You should now see a control panel with settings for the new custom module. - Enter a title - Set "Show Title" to No - Set "Enabled" to Yes - Set "Position" to a position of your choice. Bonus Themes template manuals usually recommend you a position for your logo.

Scroll down to the editor and click the Image button.

On the previous steps we uploaded a file with the name "logo.gif" in the directory "/images/stories", so we will use this path and file name in this screen. Set the "Image URL" to "images/stories/logo.gif" . Notice that this should be a relative path so there is no slash in the beginning of the path. Optionally set the "Image description" and "Title". It is a good idea to put the name of the company that the logo represents.

Finally, click the "Save" button to save your new module.