See the beautiful email button shown below. You can add such images in your blog/website and link them to an email ID, so that users can email you directly by clicking that image. What works behind this image is an HTML code that triggers the default email client (Outlook, Thunderbird, etc.) in user’s computer. These email buttons are specially useful in static websites where it is impossible to add a server sided contact form.
Here is how you can initiate email me action using HTML.
1. Choose an email button of your choice. Search in Google, you will get a suitable one.
2. Now upload the image to any image hosting website of your choice. Make sure that the uploaded image is not private. I am using imageshack.us as a reference here. After uploading, click on advanced linking option and get the direct image link code.
3. Open your HTML editor or blog dashboard and go to edit the specific layout or page elements. Select a suitable location and paste the code shown below.
<a href="mailto:firstname.lastname@example.org"> <img src="http://img73.imageshack.us/img73/6152/emaillogoweb20rb0.jpg"/></a>
Insert you email ID just after the ” mailto:” section and direct link to the image in quotes after “src“.
The following is another way of linking an image in HTML. Here when you click the linked image it opens the external URL added to the code.
<a href="http://www.techknowl.com" target="_blank"><img border="0" width="88" src="http://img294.imageshack.us/img294/9326/emailbutton2vl7.gif" height="26"/></a>
In this code you can specify the width, size and border of the uploaded image.