Tutorial Tuesday - {Making a Button}

So you've seen all the cool buttons flying around the blogosphere (well not literally flying) and you want one yourself? Well, here is a super easy tutorial on how to create your own.

CHOOSE YOUR PHOTO
Now, you can be as creative as you want with what image you want to appear on your button. You can add text or whatever you like. Whatever picture you choose though you need to change the dimensions to whatever size button you want. The average button is usually 150x150.

RESIZING YOUR PHOTO
One of the easiest ways I have found to do it is to upload the image to Picnik and re-size it but be sure to uncheck the "Keep Proportions" box and then enter your dimensions.

HOST YOUR PICTURE
You now need to find a place to host your picture. I use Photobucket. Copy the Direct Link button from the Photobucket picture.

CREATE HTML CODE
Copy the code below and into the html portion of your blog post or your side bar depending on where you want your button. Replace yourblogurl with your blog's url and yourimagedirectlinkURL with the direct link code from Photobucket.

<a border="0" href="yourblogURL" target="_blank"><img src="yourimagedirectlinkURL"/></a>

CREATE THE TEXT BELOW YOUR BUTTON FOR PEOPLE TO COPY
Directly below the html code you just created copy the following text

<textarea rows="4" cols="20">

then copy the entire html code you created and paste it after the text then paste the following text after the html code

</textarea>

 Viola! You can now view your button and people can now copy it to their own blog.

Let me know if you have any questions. I hope this was simple enough.