Blogging Tip: How to Make a Clickable "Email Me"

From email: How do you make a clickable "Email Me" so it autofills your email program?

First there are two ways, but the same basic code. If you want a pretty graphic, the first step is to go into Photoshop or Paint or whatever graphics program you use and make an image with your colors and font of choice. You can experiment with backgrounds and fonts, but simply put you want it to be fairly small and you want it to be obvious it's supposed to be clicked. Save it as a .gif or .jpg and throw it over on Photobucket, Snapfish or your hosting choice.

If you just want the words "Email Me" to code so that it automatically goes to the computer's default mail program like this:

Email Me!

Type:

<a href="mailto:YourName@YourAddress.here"> Email Me! </a>

If you have your "Email Me" graphic hosted somewhere, you can make one like this:



You will need the second line of code from Photobucket. It is the URL of your image and it starts with http://. Then, very similar to the first code you make this, adding in the link to your graphic:

<a href="mailto:YourName@YourAddress.here"><img src="http://www.URL of Your Image.com"></a>

Viola', now you have a clickable "Email Me" and all your blog friends can email you all they want. Go on, try it! Be proud of your inner geek.