Add Banner image in your Wordpress Header

Posted by Mg | December 19, 2007 .

If you guys saw I recently deleted the bloginfo - title from Header and I added new Banner image. What you think is it cool?

In this post I will show you the code that you need to write, if you want to change your Header Banner or Title. I lost a lot of time, because I’m not an expert in that, by searching the right code, but then the Wordpress theme started to make me some problems etc. So i made myself an simply code, which put your new Banner in the Header, follow this info:

Make a new Banner (GIF or JPG file), try make the width of the Banner long as the site is or Posts+Sidebar
Insert Banner image with program like Filezila in you local server>Wordpress folder>Wp-content>themes>Your theme folder>Images
Open in Wordpress control panel - Presentation>Theme editor>Header.php
There you need to find *body> and under it you will find the wrapper code, header, top-header, navigator.. This four codes will place your banner in different places, i used top-header (It placed my banner right in the middle of Header)
Then under *div class=”Top-header”> you need to place this code:
*img src=”<?php bloginfo(’stylesheet_directory’);?>/images/nameofyourbanner.(jpg or gif)”/></a>
Place < not *

This code should place your Banner image in Middle of the Header, if the Header is too small or too long, try to modify it and again follow this steps. I hope i helped you.