How to add/put Mail to(Email) Me link to blog/blogger or how to add Email me Image into blog

How To Add Email/Mailto links Into Blogger

This post about to how to add/put/apply a "Email me/Mailto" link/image email link on your blog/website/wordpress?

Adding the "Email me" link to your blog/webpage is very useful for the visitors who want to contact you.It increases the interactivity between the visitors and your site and make them come regularly.
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 example@rediffmail.com ,here is the code you have to add

Email me

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://i210.photobucket.com/albums/roanty.blogspot.com.gif and your email address is some example@rediffmail.com ,the code you have to add is

example@rediffmail.com">http://i210.photobucket.com/albums/roanty.blogspot.com.gif" alt="Email me" width="120" height="57" border="0" />

Atlast sign into your blogger dashboard>layout>add a page element>html/javascript and Paste the code and save the changes.

                                                           OR

You can also direct put a image to your blog post or blogpage for email
1. Go on your  blogpost or blogpage where u want to put email write whatever you want like mail me
than click insert image icon which shown below image:-

 2.After inserting a picture click on edit html tab which is also present right side of edit post/page some code will appear there find below code it's different to shown code but simple way to find that code write something below of image in compose tab than find that after that you can easily find that code 
3.now replace your email with that code(the code is different for different images)example:if your e-mail is "example@rediffmail.com" you should write it "mailto:example@rediffmail.com"(here mailto is a html code):
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpSN92Bqy8l-Yi83BTzTjnPTmkc6T4miCK4LuJ3lywgS6sXwCkRtM5zY-9N5Ng2d5gMvgAVxr_z4k0lTrk6GdkvPyHFjSnr4n94rvNrsxdR2P0vY3CslgFto_KWPHBD9h85x69J9WNyOQ/s1600/email+e.jpg

<div align="center"> </div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpSN92Bqy8l-Yi83BTzTjnPTmkc6T4miCK4LuJ3lywgS6sXwCkRtM5zY-9N5Ng2d5gMvgAVxr_z4k0lTrk6GdkvPyHFjSnr4n94rvNrsxdR2P0vY3CslgFto_KWPHBD9h85x69J9WNyOQ/s1600/email+e.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="288" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpSN92Bqy8l-Yi83BTzTjnPTmkc6T4miCK4LuJ3lywgS6sXwCkRtM5zY-9N5Ng2d5gMvgAVxr_z4k0lTrk6GdkvPyHFjSnr4n94rvNrsxdR2P0vY3CslgFto_KWPHBD9h85x69J9WNyOQ/s320/email+e.jpg" width="320" /></a></div>

now publish it.All work is done enjoy.

CY52FYNU49ZQ
Kindly Bookmark this Post using your favorite Bookmarking service: