Recently I have been getting many emails asking me how to go about linking my credit logos back to my website so I decided to make a little help page on this. There are many programs you could be using to make your website, so I can't give specific directions for each program because I haven't used them all, but I can tell you how to write an html code to do this.
Here is one of my logos we'll use as an example
If you save this image by "right
clicking" your mouse and choosing "save as",
you'll see that the file name
of this logo is
prim9setlisalogo4.gif
(If you don't know how to download graphics to your own computer yet, please read this help page first)
You can make any graphic link
to any web page, but we'll use my website in this example
The link to my website is
http://www.countryclipart.com
Now you need to make the graphic
prim9setlisalogo4.gif link to http://www.countryclipart.com
Let's make it centered on
the page too.
<center><a href="THIS IS WHERE YOU INSERT THE COMPLETE
LINK">
<img src="THIS IS WHERE YOU INSERT THE COMPLETE FILE
NAME OF THE IMAGE"></a></center>
so then the correct html code to link this logo to my website would be:
<center><a href="http://www.countryclipart.com">
<img src="prim9setlisalogo4.gif"></a></center>
</a> means end the link...if you don't include this,
the rest of the content on your web page will all be linked to my website!!
Here is what it will look like, and if you click on it,
it will take you back to my main page
hmmm....It doesn't look the same as the logo up above...there's a blue
square around it..why?
This is because the image has been linked.
Just like when text is a link it has a line underneath it, a graphic
will have a line around it forming a box.
You can remove this box by adding border=0 to the html
code.
Lets add that and see what the code looks like now...I put it in red
so you can see where it goes.
<center><a href="http://www.countryclipart.com">
<img src="prim9setlisalogo4.gif"
border=0></a></center>
This is what it will look like now, and still be linked to my main page
This next step isn't absolutely necessary, but it's a very good idea
to do and will help your images load a little faster on your page. If you
know the height and width of the image (in pixels) you should add that
to the code.
This particular image is Height 98 and Width 116
This is what the code will look like when you add that....
<center><a href="http://www.countryclipart.com">
<img src="prim9setlisalogo4.gif"
height=98 width=116 border=0></a></center>
Just copy and paste the code
(or a different code that you know how to make now!)
into the html of your webpage
document where you want the logo to appear,
save it and upload it to your
website.
Don't forget to upload the
actual image to your website too!!!
Let me know if this little
tutorial helped you or not.
If you still have questions
or more need help, please just email me anytime.
| |