HTML code for email buttons in Blogger
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:alvimalik@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.alvimalik.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 .
Hi, this is a comment.
To delete a comment, just log in and view the post's comments. There you will have the option to edit or delete them.