How to add buttons to your blog or web site

[Donna]

The following basic instructions apply to any button, but let's use one of our Crochetville buttons for this example of how to add a button to your blog or web site. (You can choose from other Crochetville buttons here (http://www.crochetville.org/forum/showthread.php?t=43).)

http://img28.photobucket.com/albums/v84/crochetville/buttons/gethooked.gif

First, get the button:
Save it to your computer by right clicking on the button and choosing Save Picture As. Then upload the image to your space on the web where you keep images for your blog or web site.

Then, add the code:
Okay, say you've uploaded the image to this location: http://mycrochetstuff.com/images/cville_button.gif

Then you would use the following code to display the button on your site:

<a href="http://crochetville.org"><img src="http://img28.photobucket.com/albums/v84/crochetville/buttons/gethooked.gif"></a>

And you're done!
Now, if you want to understand more about the code, see the next post...

[Donna]

Simpler than it may seem. :D

<a href="http://p084.ezboard.com/bcrochetville"> is the opening tag for the link to Crochetville, and </a> is the closing tag.

This:
<img src="http://mycrochetstuff.com/images/cville_button.gif" border="0" alt="Crochetville" vspace="3" hspace="3"> displays the image.

The following three parts are optional, and you can leave them out if you prefer:

border="0"
If you don't use border="0", there will be a border around your image the same color as the rest of the links on your page.

alt="Crochetville"
This is the text that displays when someone puts their mouse over the image. You may use different text if you like or none at all.

vspace="3"
hspace="3"
The former keeps a little vertical space above and below the button so it doesn't smash up against other buttons or text. In the same manner, hspace="3" is for horizontal space. It doesn't have to be 3; it could be larger or smaller.