If you have the WYSIWYG plug-in installed, you can use the ‘Insert An Image’ button to call up the Image Management tool. However, if you are logged into your blog, it is accessible with this link; http://yourblogname.blogsome.com/wp-admin/iimage-browser.php

Deleting Images

Click on an image, then click in the checkbox (Full size) to the right of the ‘Delete’ button, then click on the ‘Delete’ button.

Note: the ID’s for divs will vary from theme to theme.

In the main index.html file, find the section that refers to the header. Replace it with the following code:

<div id="header">
<a href="{$siteurl}" title="{bloginfo show='name'}"></a>
</div>
In the stylesheet, add (or replace existing code):

#header {
margin: 0;
padding: 0;
height: 200px;
background: url(/images/header.jpg) no-repeat;
position: relative;
}
#header a {
position: absolute;
top: 0;
left: 0;
width: 600px;
height: 200px;
}

The background url and height in the #header section, and the width and height in the #header a section will be that of your image, change as appropriate.

Ensure that there are no #header a:visited, #header a:hover links in the stylesheet, and that you don’t use #header a:link

Note: the ID’s for divs will vary from theme to theme.

It is advisable, unless you want to re-design your entire blog, to make sure the image you are going to replace the current one with is the same size.

Once you’ve created your new header, make sure it is optimised for quick loading, and upload it, either to Blogsome or the host you use for uploading images to.

In most themes, the code for the header image is in the #header div, though #top or #masthead may be used. This is the an example of the code to look for:

background-image: url(/wp-inst/wp-content/sitetemplates/minimaplus/img/masthead.jpg);

Change the location of the image to that of your own:

background-image: url(/images/imagename.jpg);

Make sure there are no ‘ ‘ or ” “ marks around the filename.