1. There's not much too it. Click and save the lower picture to your harddrive and upload it to your website.
2. Making sure the banner is saved in the same directory as the page you're going to link it to, insert the following html in the source code:
<p><center><a href="http://geocities.datacellar.net/Tokyo/8572/index.html"><img SRC="icebanner.jpg" BORDER=2 height=85 width=432></a></center>
What this means:
The <p> starts off a new line (like a return key).
The <center> will center the banner in the middle of the
webpage.
The <a href="http://geocities.datacellar.net/Tokyo/8572/index.html">
is the link (Please leave the quotation marks in, or it won't work.)
The <img SRC="icebanner.jpg" BORDER=2 height=85 width=432>
is the banner options.
"icebanner.jpg" is
the actual link to the image. Change this in order to link to different
banners. (keep the
quotation marks at all times.. Never delete them.)
BORDER=2 is the for
the boarder settings. On the picture above, you can see no border, but
if you go to the
boarder on the bottom of this page, you can see
it. 2 is generally where you want it, and you should go no lower.
Change the number to change the pixel width of the
border. Some banners come with borders in the actual image, so
you won't always have to format this. In that case,
change it to 0.
height=85 width=432
Again, this is in pixels. This is the height and width of the banner. (Duh)
When linking to
banners of different sizes, change them appropriately.
(You can usually check the height and width of an image if you
go into an graphics program and get the image's
info box.)
</a> This
ends the link. It's needed so everything written after it isn't a link
too.
</center>
This ends the centering option. Keep this so that everything written after
the link will not be centered as
well.
Keep the <img
SRC= and the > in order to make sure the link works.. So if
you are linking to another banner, this
would look like:
<p><center><a href="the link"><img SRC="imagename" BORDER=2 height=bannerheight width=bannerwidth></a></center>
You don't need to center
the link unless you don't want to, but it generally makes a banner look
better. And when
entering the link, don't forget the http:// and
the .html or .htm ^^; Or whatever it ends in.. Otherwise,
it'll go screwy
on you and won't work...
... Okay, don't click that banner, or you'll just get sent to my mainpage again. ^^; But at any rate, that should be the final product.. When you upload your banner-link, you should test it out.. ^^; I hope this has been a help to all of you html newbies out there.. X.x;