Making my header clickable

Discussion in 'HTML & Website Design' started by islandboy9, Apr 4, 2009.

  1. #1
    islandboy9, Apr 4, 2009 IP
  2. Anttila

    Anttila Peon

    Messages:
    79
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    <a href='http://inmate-connection.blogspot.com/' style='display: block'>
    <img alt='Inmate-Connection.com' height='90' id='Header1_headerimg' src='http://2.bp.blogspot.com/_W4a2gXD0sLE/SdeiiKB875I/AAAAAAAAABo/OUqCssBXQdg/S1600-R/728+X+90+NEW+BANNER.jpg' style='display: block' width='728'/>
    </a>

    If you view your source code you see the banner pointing to your blog. You need to edit your theme and change the link above.
     
    Anttila, Apr 4, 2009 IP
  3. blaze718

    blaze718 Peon

    Messages:
    560
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Very simple.
    <a href="/"><IMG height=87 src="global_images/index_01.gif" width=665></TD>
     
    blaze718, Apr 4, 2009 IP
  4. mahfuzit

    mahfuzit Peon

    Messages:
    16
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    So hard may be? I don't know.
     
    mahfuzit, Apr 5, 2009 IP
  5. islandboy9

    islandboy9 Peon

    Messages:
    77
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    I do not see any of this in the 'edit HTML' section on my blogger dashboard. If I edit the source code in notepad, what do I save the file as? Is this the same as my template?
     
    islandboy9, Apr 5, 2009 IP
  6. Kaoz

    Kaoz Peon

    Messages:
    767
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Change <a href="/"> to <a href="SITE.com">
     
    Kaoz, Apr 5, 2009 IP
  7. islandboy9

    islandboy9 Peon

    Messages:
    77
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Kaoz, Your answer does not help me. I do not see that line in the 'edit HTML' section of my blogger dashboard.
     
    islandboy9, Apr 5, 2009 IP
  8. waxman1000

    waxman1000 Peon

    Messages:
    1,365
    Likes Received:
    18
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Think They had it correct.
     
    waxman1000, Apr 5, 2009 IP
  9. alfa_375

    alfa_375 Active Member

    Messages:
    445
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    60
    #9
    Try this and let me know if it works with you.

    Since you want a clickable header, I'm guessing that you already have a header image and it is hosted on a web hosting account. You will need the URL of this image later.

    First you will make a 'division' to hold the image and position it in your blog in the CSS style sheet between the <head> </head> tags:

    #myimage {float:right;}


    To make it clickable add this code after the <body> tag:

    <div id="myimage">
    <p><a title="Your title" href="http://www.inmate-connection.com/">
    <img border="0" src="image.url" alt="title of image" />
    </a></p>
    </div>
     
    alfa_375, Apr 5, 2009 IP