Custom Header Images & Logos

See below video notes for customisation options.

To learn how to create your own logos or header images refer to the following video - Custom Logo and Header Maker.

Video Notes and Resources:

Custom Header Image with Text Code

This is the code used in the video, it can be used to show a header background image with a dynamic WordPress text title.
To use, follow the above video and simply replace the uppercase bolded text in the code to add in your image URL and desired text color.

<!-- Custom Header Image with Text Code -->
<div style="position: relative; background: url(IMAGE URL); width:960px; height:115px;">
<div id="title-area">
<h1 id="title" style="margin-bottom:-10px;"><a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>" style="color:TEXT COLOR;"><?php bloginfo('name'); ?></a></h1>
<p id="description" style="color:TEXT COLOR;"><?php bloginfo('description'); ?></p>
</div>
<div class="widget-area"></div>
</div>
<!-- Custom Header Image with Text Code -->

Custom Logo Image

This is the default code that comes with your GoMedia InstantWeb site, it can be used to change the default logo image in your header.
To use, follow the above video and simply replace the uppercase bolded text in the code to add in your new logo image URL.

<!-- Logo Image Code -->
<br />
<a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>"><img src="IMAGE URL" title="<?php bloginfo('name'); ?>" /></a>
<div class="widget-area"></div>
<!-- End Logo Image Code -->

Custom Designed Header Image

This code can be used to add in a full size custom designed image into your header, one that doesn't need dynamic text.
To use, follow the above video and simply replace the uppercase bolded text in the code to add in the image URL of your banner.

<!-- Custom Designed Header Image Code -->
<a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>"><img src="IMAGE URL" title="<?php bloginfo('name'); ?>" /></a>
<div class="widget-area"></div>
<!-- Custom Designed Header Image Code -->