Tuesday, October 16, 2012

How to Add a Custom Email Contact Button to Your Blog



I was recently asked how to add an email contact button to a blog using a custom image.  I figure others may be interested in learning how, so here is the html code:

<a href="mailto:YOUR EMAIL ADDRESS"><img src="URL OF YOUR EMAIL BUTTON IMAGE" width="WIDTH OF IMAGE IN PIXELS" height="HEIGHT OF IMAGE IN PIXELS" alt="Email Me"/></a>


Very easy, just fill in your information where appropriate.  When the button is clicked, the reader's default email program will open a new email with the specified address already filled in.  For further explanation of the html code and directions for adding a button to the sidebar in Blogger, see my How to Add Custom Social Media Buttons to Your Blog post .  Please let me know if you have any questions.




Thank you for the feature!

Featured at One More Time Events

8 comments :

  1. This is wonderful!!! Thank you so much, Pinning and Tweeting :)

    xoxo, Tanya

    ReplyDelete
  2. Thanks for sharing! I have been looking for a way to do this, but all the explanations I found were crazy complicated. This is a big help :)

    ReplyDelete
  3. Always sooo useful! Great tutorial!

    Thanks for sharing this at The DIY Dreamer... From Dream To Reality!

    ReplyDelete
  4. Wow! So easy! Thanks for linking up to the Pomp Party! Hope to see you back next week!

    ReplyDelete
  5. Thanks for the help! I'm still learning so much and tweaking my blog!
    Following from the Hop!
    Kristy @ Cup Of Jo

    ReplyDelete
  6. I love custom blog buttons! We love having you at Whimsy Wednesday!
    Kelly,
    Smart! School {House}
    www.smartschoolhouse.com

    ReplyDelete
  7. This is awesome! Thank you so much! I've been wanting one of these!

    Kristy @ Shona Skye Creations
    http://shonaskye.blogspot.com

    ReplyDelete
  8. Thanks so much, I'm hopeless with the tech stuff!

    ReplyDelete