6 {{ upvoteCount | shortNum }}
6 {{ upvoteCount | shortNum }}

Making Banners Clickable

by gbmann1
5 replies
Newbie question How do you write html code for banner images to insert into your website?
#banners #clickable #making
  • Profile picture of the author michael_gourlay
    This should probably go in the programming section.

    You need to do something like this:
    Code:
    <a href="http://www.somesite.com/"><img src="http://www.somesite.com/banner.jpg"></a>
    {{ DiscussionBoard.errors[4472383].message }}
  • Profile picture of the author Mike Baker
    This is the html code: <a href="url" ><img src="link to image"></a>

    If you want the url to load in a new browder window/tab then it will look like this: <a href="url" target="_blank"><img src="link to image"></a>

    Hope that helps.
    Signature

    {{ DiscussionBoard.errors[4472387].message }}
  • Profile picture of the author royljestr
    What platform are you using? Just html or are you using something like Wordpress?
    Signature
    {{ DiscussionBoard.errors[4473433].message }}
  • Profile picture of the author WillR
    Shame on you guys for teaching bad habits

    The correct code is:

    Code:
    <a href="http://www.google.com"><img src="http://www.website.com/banner.jpg" width="234" height="60" alt="Click Here"></a>
    Replace http://www.google.com with the url you want to send people to.
    Replace http://www.website.com/banner.jpg with the url of the banner image.
    Replace 468 with the actual width (in pixels) of your banner.
    Replace 60 with the height (in pixels) of your banner.
    Replace Click Here with the text you would like visitors to see when they hover over your banner or for whatever reason, the banner image is not displayed.

    You should ALWAYS include your dimensions when using an image. Not doing so just slows down the page load unnecessarily.

    Another good practice with banner ads is to add the tag which makes the new website open up in a new browser window. This way your visitors still have your original website open in their browser. We do this by simply adding the target="_blank" command like this:

    Code:
    <a target="_blank" href="http://www.google.com"><img src="http://www.website.com/banner.jpg" width="234" height="60" alt="Click Here"></a>
    Signature

    .


    .

    {{ DiscussionBoard.errors[4474222].message }}
  • Profile picture of the author Ben Gordon
    Well, quite some people answered the question already, no use in explaining it one more time .

    Anyways good luck with your venture! Make sure to learn some HTML because without it you won't survive in IM (at least that my opinion, especially if you don't want to pay money each time you have a problem).
    {{ DiscussionBoard.errors[4474269].message }}

Trending Topics