How to make my header clickable?

Discussion in 'WordPress' started by joseph.stevens7, Aug 10, 2011.

  1. #1
    I am currently running a blog on accountanttown.com/site/

    As you can see I am having some logo problems with the theme.
    How do I make my header image clickable so that I can come back to the blog homepage?
    Also, I would like to make it so that I can have a banner in the header to the right of the logo. Conceptually some type of frame situation where the logo was on the left and the banner on the right.

    Any wordpress experts out there that have ideas?
     
    joseph.stevens7, Aug 10, 2011 IP
  2. Yuuko008

    Yuuko008 Member

    Messages:
    682
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    33
    #2
    It's easy go to your wp-admin>appearance>editor. Look for header.php, find where the header is, it should be on a <img> tag. Just place <a> tag on it. ^_^
     
    Yuuko008, Aug 10, 2011 IP
  3. joseph.stevens7

    joseph.stevens7 Peon

    Messages:
    372
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Unfortunately this header is straight php

     
    joseph.stevens7, Aug 10, 2011 IP
  4. dthoai

    dthoai Member

    Messages:
    106
    Likes Received:
    2
    Best Answers:
    1
    Trophy Points:
    38
    #4
    Please replace:

    
    <div id="header">
      <h1><a href="<?php echo get_option('home'); ?>"><?php bloginfo('name'); ?></a></h1>
      <p class="description"><?php bloginfo('description'); ?></p>
    </div><!--end header-->
    
    Code (markup):
    by:

    
    <div id="header" [COLOR=#ff0000]onclick="location.replace('<?php echo get_option('home'); ?>');"[/COLOR] style="cursor:pointer;cursor:hand;">
      <h1><a href="<?php echo get_option('home'); ?>"><?php bloginfo('name'); ?></a></h1>
      <p class="description"><?php bloginfo('description'); ?></p>
    </div><!--end header-->
    
    Code (markup):
     
    dthoai, Aug 10, 2011 IP
  5. joseph.stevens7

    joseph.stevens7 Peon

    Messages:
    372
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Perfecto dthoai

    any idea how I could insert an adsense banner to the right of the logo in the big whitespace?
     
    joseph.stevens7, Aug 11, 2011 IP
  6. dthoai

    dthoai Member

    Messages:
    106
    Likes Received:
    2
    Best Answers:
    1
    Trophy Points:
    38
    #6
    Please insert following snippet before <div id="header" ...>

    
    <div style="position:absolute;top:7px;left:282px;width:710px;height:110px;overflow:hidden;">
    
    [COLOR=#ff0000]Your adsense code go here[/COLOR]
    
    
    </div>
    
    
    <div id="header" ...
    
    Code (markup):
     
    dthoai, Aug 11, 2011 IP
    akki313 likes this.
  7. joseph.stevens7

    joseph.stevens7 Peon

    Messages:
    372
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Masterful!
     
    joseph.stevens7, Aug 11, 2011 IP