Adding a Email Me button

If you want to , you can add a "Email me" link or a Image button below your every post. You can also add this code as a HTML\Java script gadget . But if you use that method , there will be a space left between your post and the button. How ever the advanced & best way is adding the codes in to the template.For that

1. Edit your Template
2. Now find out post-footer-line post-footer-line-3 ( press 'Ctrl' + F to open your browser's search box)


In some template , you will find out a code line as

<div class='post-footer-line post-footer-line-3'>

and in most of templates , you will find out a code line as

<p class='post-footer-line post-footer-line-3'/>



Now change these code lines by giving your information


<a href="mailto:Type Your Email Address here"><img src="Image URL of your Image" alt="Email me" /></a>

* mailto: is essential

Ex:-

<a href="mailto:Dilshanzmail@gmail.com"><img src="http://sites.google.com/site/dragonzstore/_/rsrc/1242179856980/Home/email%20me%201.PNG" alt="Email me" /></a>


Now paste it below the code line <p class='post-footer-line post-footer-line-3'/>


Now you will see a image link like this

If you don't want a image, then add this code <a href="mailto:Type Your Email Address here">Email me </a>

* mailto: is essential


Now follow the Safety Saving Steps.

And

Change Email Icon

In many blogs , you may have seen a tiny email button. ( I don't like it . so i removed it ) . If you like to keep a email link button , you may also like to change it to some other image as your wish , so here is how to do it.

First create a image or use a existing image.
Upload it to a image hosting service. ( www.imageshack.us )

now place your image's URL with with code


<img alt='Email Post' src='Paste you image's URL here' style='border-width:0px;'/>

Now,

1. Edit your template ( How to edit your template )
2. Press Ctrl+F and find email-post-icon

now you may find out line as

<span class='email-post-icon'>& #160; </span>


Now replace our special designed code with the above one.


Now follow the Safety Saving Steps.

And



I tried this trick with some of my other blogs and found out some thing. In a one of my blog there isn't a code like above.So I searched under some image formats like .gif , .png and suddenly i saw a image as ' icon18_email.gif '. That was the email image. So as i explained , you may not find above code line. Then , use your brain.