See the beautiful email button shown below. You can add such images in your blog/website and link them to mail you when they are clicked .What works behind this image is an HTML code that revokes the default email client (Outlook ,Thunderbird etc.) in users computer. Such email buttons can be used with Blogger , WordPress or any practical website possible .
Here’s how you can create this email button in Blogger .
1.Choose an email button of your choice . Search on Google , you will get many .
2. Now upload the image to any image hosting website . I am using imageshack.us as a reference here .After upload , click on advanced linking option and get the image link code .3. Open your Blogger account dashboard and go to edit layout then page elements . Select a suitable location and choose to add HTML/JavaScipt from gadgets .
4. Now paste the following HTML code into the widget .
<a href="mailto:coloriteman@gmail.com"><img src="http://img73.imageshack.us/img73/6152/emaillogoweb20rb0.jpg"/></a>
7. Change colorteman@gmail.com with your email address . This HTML code can also be used to link an external website through the embedded image . In this case the whole portion inside quotes should be changed with the external URL .
Here is another custom image linking HTML 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 .
Tags: add email me in website, email button, email me button, email me button Wordpress, HTML code email, HTML code for email button, send email Blogger, track email
I followed your instructions and had a very hard time since there was no advance option after uploading my image and then eventually i was able to upload it but its huge, how do i control the size?
I ended up using the directions given here, so thanks for the help!
To control size, I used pixlr.com/ for online photo editing