How to change the Email-This-Post icon?

In the previous post How to place an email post link to your blog?, I tell you how to enable the "email-this-post" feather of blogger. Today, I'll explain more about this feather because there're many bloggers emailing to me that they still can't enable the "email-this-post" feather. Some bloggers complain that the "email-this-post" icon isn't displayed on their blog after enabled. Others also asked me how to change the icon with text link.

This article assumes you are using a classic template (without the Layouts features). If you enabled the "email-this-post" successfully, you may see an inserted link in your blog template. Let's look at the code that is generated automatically for this link. It'll be something like this:

<a href="http://www.blogger.com/email-post.g?blogID=123456789&postID=1234567890"
title="Email Post"> <span class="email-post-icon"> </span></a>

We will replace this code by our own code to change the link icon. If you still can't enable the "email-this-post", don't worry. The code below is for you, too. Now, you should go back to the Template tab in your blogger account and decide where you want to put the email links. At the end of each post is usually a good place. But you can place it wherever in between the <Blogger> tags. Once you've find a good place, copy and past this code right there:

<a href="http://www.blogger.com/email-post.g?blogID=XXXXXXXX&postID=<$BlogItemNumber$>">EmailThis!</a>

Notice! You must replace the XXXXXXXX in the above code with your blog ID. And you can replace the EmailThis! with any text or image that you want. Now you have an "email-this-post" link as show in the image.

That's all for this writing. Have any questions? Feel free to email me or leave a comment.