"Email Me" html/javascript code for your blogs,web pages
Posted by kranthi on Wednesday, January 9, 2008How to add a "Email me" link on your blog?
Adding the "Email me" link to your blog/webpage is very helpful for the visitors who want to contact you.It increases the interactivity between the visitors and your site and make them come regularly.
Hi Kranthi! I will write the email address directly like abc@gmail.com and ask visitors to contact me.So,why to add these clickable links like"Email me" ?
There are plenty of problems if you show your email address directly on your site as SPAMMERS find your email address easily via search engines,and other sources.
So,by adding this type of links will hide your email address and If your visitors want to contact you,they will click on it.If the visior want to sent to you via another source like yahoo,google,etc they will simply copy the email address(in the outlook express) and email you.
On clicking the links,WINDOWS OUTLOOK EXPRESS will be open by default.
So,how to add the "Email me" link?
There are two types of ways to do it.One is text link and another one is image link.
Text Link:
Suppose,your email id is abc@gmail.com ,here is the code you have to add
<a href="mailto:abc@gmail.com">Email me </a> |
Don't forget to change the email address in the above code to your's.If you want another anchor text(not "Email me"),you can change it.
Image link:
Suppose,if you want the visitors to email you by clicking on an image like the below one
First you have to upload your picture to some image hosting services.They will give a direct link for the uploaded image.Take a note of it.
In this example, the direct link for the uploaded image is http://i219.photobucket.com/albums/cc286/7kranthiswaroop/thenvelope.gif and your email address is some abc@gmail.com ,the code you have to add is
<a href="mailto:abc@gmail.com"><img src="http://i219.photobucket.com/albums/cc286/7kranthiswaroop/thenvelope.gif" alt="Email me" width="120" height="57" border="0" /></a> |
Where to paste this code in your blogger(blogspot) blog?
Sign into your blogger dashboard>layout>add a page element>html/javascript and Paste the code and save the changes.
That's it!
51 comments:
this helped and was so simple, thanks so much!
You made it very simple. Thanks a bunch.
Thank you for this information. I'm a novice and yet I was able to do it with your simple instructions. Very useful - thanks :)
Sounds simple.. Would be trying it.
Sounds simple.. Would be trying it.
gud stuff
Thanks a MILLION!!!!
FYI....It worked perfectly! Thank you. Directions were simple and easy to follow.
great tip!
I don't advice that kind of code, e-mail spambots can quickly harvest that.
I recommend everyone to use an e-mail scrambler to avoid spam. Take it from me, I already experience being spammed after I place my e-mail on my blog.
What is an email scrambler?
THANKS BRO
Dude, I guess you are a lifelife of all the bloggers who are new (I am sure the old ones will also be taking some tips from you).
Everything is so perfect...Just follow the instructions and its done. I definitely owe my blog's designing to you. Loved this e-mail me link...very cool.
Naukuchiatal Buff
http://naukuchiyatal.blogspot.com
Thanks so much. I couldn't have done it without your help?
I have added this :) thanks.
Thank you!
Thank you VERY much. I had been trying to figure out how to do this. It was so simple.
I love this website. It helps me a lot! thanks :)
Thanks for the information I am going to do this right now. You are truly a life saver I have been trying to figure out how to do this all day...
http://tjhelms.blogspot.com/
I left a comment before but it did not appear, maybe it will still come. I have put your link code onto my blog because I am so impressed with this site and your help is so simple. I would love to create a new theme on iblog, but I don't think it will support it.
Could you please give me a simple code to include in my CSS for eliminate the grey lines around smileys.
Regards, Libby
Thank you so much; been battling for ages to have an email link and I used the yellow envelope for my blog. It works perfectly.
Fantastic site.
Thank you for the help!
Thank you for the help!
tanks tanks tanks.....:)))
Its really cool.. Thanks
thanks for your post on this issue..act you're a good teacher!! i have link your blog to mine(",)
Thanks, Very useful
Thanx dude!
Thanks so much. Worked beautifully!
http://lisasfreestuff.blogspot.com/
Thanks
Thanks a million for your useful post. I have incorporated them into my blog.
very much appreciated bro
http://text-quotes-for-you.blogspot.com/
You r great dude.
I owe u a million
Devils Alive
http://cinemasavvy.blogspot.com/
Thank you for spending time on this, exactly what I was looking for!
you are really great, thanks
Worked perfectly, first time. Good directions! Thanks.
thank you
perfect! Thank you
Thanks for giving us this information
this is cool bro...
thanks!
doesn't work for me! clients have been able to open their email clients but the send button's been de-activated... i tried to mail myself and it bounced... i notice a lot of people write their email addresses with spaces before and after "@" or they use AT instead... Is this why?
Sounds good ..very helpful tips and tricks
great work
ummm, can somebody tell me why when i try to click on the email link to test it, it tells me "could not preform this operation because the default mail client is not properly installed"? does anyone know how to fix this problem?
Can you have an "Email Me" link that doesn't use Outlook?
thank you thank you thank you!!!!!
This is genius! I wish I understood more of some of the features you offer.
Have you worked out a means of posting photos to Blogger without them being saved in Picasa? I hate that every photo on my blog ends up in one huge album on Picasa, and I cannot remove them to form other albums in Picasa -- or not bother including them in Picasa at all.
It makes me not want to post photos to my blog because I don't want every photo I put on my blog to be saved in my Picasa album. Besides, it's filling up my quota of free Google space.
Anyway, thanks so very much for this E-mail tip!!!!
Tim...the Email Me Link doesn't use any particular mail program; it is just HTML code. Outlook must be your default email program. You'll have to change your settings somewhere on your computer.
Oh, Ok thank you for the response!
i used your template..It was the best and classiest I have seen online! I enjoyed your information was informative and easy to use. Thank you from a novice blogger.
simple and useful.thank you!