Help with Setting Blog Header

Discussion in 'CSS' started by Fisker, Sep 6, 2007.

  1. #1
    I just paid a guy to make a blog header for me and the problem is that I dont know how to put it in my blog as I am pretty new in coding and dont know the exact procedure of how and where to save the header in order to make it operational. Any hep appreciated.

    Thanks.
     
    Fisker, Sep 6, 2007 IP
  2. tomah

    tomah Peon

    Messages:
    143
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    If you already have a header image, and your new image is exactly the same size as the old one, it could be as easy as naming your new image to the same file name as your old image, and overwriting via ftp.

    If it's a different size, or if it doesn't have an image to begin with, you will need to edit the stylesheet, and possibly the header.php too.
     
    tomah, Sep 6, 2007 IP
  3. Fisker

    Fisker Well-Known Member

    Messages:
    1,857
    Likes Received:
    26
    Best Answers:
    0
    Trophy Points:
    175
    #3
    Here is my blog. I already have a header so now How do I change it to this

    Thanks
     
    Fisker, Sep 7, 2007 IP
  4. just-4-teens

    just-4-teens Peon

    Messages:
    3,967
    Likes Received:
    168
    Best Answers:
    0
    Trophy Points:
    0
    #4
    open up the themes header.php (wp-content/theme-name/header.php) and change

    <div id="header">
    	
    	
    		<div id="header_left">
    			<h1><a href="http://earnersspot.com">earnersspot.com</a></h1>
    			<div class="description">Earning Online</div>
    		</div>
    	
    		<div id="header_right">
    
    			<div id="subscribe">
    				<a href="http://earnersspot.com/feed/rss/" title="Subscribe to RSS feed" rel="nofollow"><img src="http://earnersspot.com/wp-content/themes/ProSense/ProSense/images/rss-feed-icon.jpg" alt="Subscribe to RSS feed" /></a>
    			</div>
    		</div>
    		<div style="clear:both;"></div>
    	
    	
    </div>
    PHP:
    to something like

    <div id="header">
    	
    	
    		<div id="header_left">
    			<img src="path/to/your/image" />
    		</div>
    	
    		<div style="clear:both;"></div>
    	
    	
    </div>
    PHP:
     
    just-4-teens, Sep 7, 2007 IP
    Fisker likes this.
  5. Fisker

    Fisker Well-Known Member

    Messages:
    1,857
    Likes Received:
    26
    Best Answers:
    0
    Trophy Points:
    175
    #5
    Thanks mate for describing it so clearly. Rep added.
     
    Fisker, Sep 8, 2007 IP
  6. just-4-teens

    just-4-teens Peon

    Messages:
    3,967
    Likes Received:
    168
    Best Answers:
    0
    Trophy Points:
    0
    #6
    no probs :D
     
    just-4-teens, Sep 8, 2007 IP