20 Best Tips
Teaching Textbooks

How to Add an ‘Email Me’ Link to Your Blog

I’ve had several people email me asking how to put a link in their sidebar so their readers can contact them directly. Having an icon link is helpful because it prevents spammers from ‘seeing’ your email address, but provides a quick, easy way for direct contact.

Somehow that question managed to get me off on a bunny trail search of cool icons and I figured it would be just as fun to post some fun buttons for you all to grab and use on your own sites and explain it all to you as simply as I can. Because really ~ icons are so much more fun that just a plain old ‘Email Me’, right?

Are you ready to put one on your blog?

Step 1: Choose the icon below that you like the best ~ mailbag or envelope? Each of these will fit into your sidebar (150×150).

Step 2: Depending on which button you want to grab copy and paste the html code below. Be sure to replace the red text with the email address that you would like to direct your readers to.

Mailbag html {with white background}:

<center><a href=”mailto:youremailhere@wherever.com“>
<img src=”http://i678.photobucket.com/albums/vv146/homeschoolcreations/EmailMeMailbagcopy.jpg”/></a></center>

Envelope html {with white background}:

<center><a href=”mailto:youremailhere@wherever.com“>
<img src=”http://i678.photobucket.com/albums/vv146/homeschoolcreations/ContactMegeneric.jpg”/></a></center>

Mailbag html {with transparent/see-through background}:

<center><a href=”mailto:youremailhere@wherever.com“>
<img src=”http://i678.photobucket.com/albums/vv146/homeschoolcreations/Email-Me-Mailbag-gif.gif”/></a></center>

Envelope html {with transparent/see-through background}:

<center><a href=”mailto:youremailhere@wherever.com“>
<img src=”http://i678.photobucket.com/albums/vv146/homeschoolcreations/Contact-Me-gif.gif”/></a></center>

Step 3: Paste the code into your layout. If you use Blogger, log into your Blogger dashboard. Go to layout ~ add a page element ~ choose ‘html/javascript‘ ~ paste the code above and click ‘save the changes‘. Make sure that you changed the email address to your own! :)

I’m not sure how other blogging platforms work, but you should be able to copy/paste the html codes above. {Amended: Thanks to Liz for letting me know the WordPress routine! Go to Dashboard – Appearance – Widgets – Choose left or right sidebar – Add Text – Save Changes – Edit Text – Enter html code and change to your email address.}

Step 4: View your blog and admire your handiwork…and wait for all your readers to bombard you with questions.

There you have it. Either four easy steps to make you feel like an html queen…or four steps to driving you html crazy. If you are having problems just click on my ‘contact me’ mail bag or leave a comment here. Have fun!

Just wanted to pass along a little something that is Working for Me!


Can I Ask a Favor?

Recently I discovered that I was making it difficult for others to reply when I commented on their blogs. Had I know that it was so simple, I would have checked the box off much earlier!

I love getting comments from you all and being able to email you back, but for some of you all, the return email is “noreply-comment” and then I try to figure out where you all are – and I would love to visit your blogs too and be able to reply directly to your questions.

It really rather quick, easy and simple to let others reply to your comments. All you have to do is check a little box that says “show my email address” in your user profile. It won’t show up for anyone to see, except the person who’s blog that you posted on so they can reply directly to you.

I promise it’s safe – do you have your little box checked? I’ll know if you comment! :)