E-mail Signature

I have been meaning to create an e-mail signature for a long time now - It's on my list of never ending blog tasks. I'm sure you know the one.... Filled with all the things you want to improve or change with your blog on top of posting daily or twice weekly, or whatever your personal blog schedule entails...

And since social media is such an intricate part of blogging I wanted to include clickable social media icons along with a link to my blog.

In hotmail (or Outlook) you will want to click on the settings (the wheel or nut looking icon in the top right hand corner) And then click on 'options'. In the options screen you will want to click on 'Formatting, font and signature'

And then under 'personal signature' you will want to type your name, your blog (or website addresse) and using the hyperlink button link your blog name to the url.

You will need to make your own social media icons, or find some you would like to use, and save them in photobucket or another free image hosting site.

You can check out some social media icons I have created under Free Blog Elements

Then switch it from Rich text to Edit in html.

 For the code you will need to link the social media icon image to your social media account.

So for example:

<a href="yoursocialmediaaccount">
 <img src="yourimageurl.png" height="40" width="40">
 </a>

You can change the width and height until they are the size you would like.  I chose 40 x 40 but you can decrease it by 10 pixels for smaller ones or increase by 5 or 10 to make them bigger.

Here is what mine looks like:

 <a href="http://www.pinterest.com/kristenanne28/">
<img src="http://i890.photobucket.com/albums/ac106/kristensblog1/pinkheartpinterest_zpsea66b3bf.png" height="40" width="40">
</a>

And if you wanted you can use your blog header instead of text for your blog link. Just click the html option in photobucket and paste it in the signature where you would like it to appear. Resize it by adjusting the pixels.

<a href="http://s890.photobucket.com/user/kristensblog1/media/musingsofaverageheader_zpsh7soyhpn.png.html" target="_blank"><img src="http://i890.photobucket.com/albums/ac106/kristensblog1/musingsofaverageheader_zpsh7soyhpn.png" border="0" alt=" photo musingsofaverageheader_zpsh7soyhpn.png"/></a>

Then change the link <a href="yourblogurl" target="_blank"> target blank just makes it open in a new window

and adjust the width I chose width="200"


<a href="https://musingsofanaveragemom.blogspot.com" target="_blank">
<img src="http://i890.photobucket.com/albums/ac106/kristensblog1/musingsofaverageheader_zpsh7soyhpn.png" border="0" alt="musings of an average mom header" width="200" ></a>

the alt="title of image" and if you want your header below your name just press <br> for a line break.

And play around with the sizing and position until you are happy with how it looks.

Then you can just save it, and  make sure all your icons work. And you are done! Leave a comment if you have any questions and I will do the best I can to help you out.