Pages

Wednesday, June 3, 2015

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.

16 comments:

  1. Good info. That would be nice to add to the signature!

    Visiting from Mom Blog linkup. :)

    ReplyDelete
  2. Hoping to use the tips! Thanks for sharing! Visiting from Friendship Friday.

    ReplyDelete
  3. Great tips! I would love to add these to my signature. I will definitely be pinning this. Visiting from Home Matters Linkup.

    ReplyDelete
  4. This is SO helpful! I definitely need to pin this and use it! Thanks for sharing it at the #HomeMattersParty with us!

    ReplyDelete
  5. Great info! Thanks for sharing!

    ReplyDelete
  6. This definitely goes on my list of things to try! Love how it looks! Thanks for sharing, pinning!

    Visiting from the Friendship Friday blog hop

    ReplyDelete
  7. I couldn't figure out how to do this in Windows 8 I can't wait for the next version to come out.

    ReplyDelete
  8. Nice to see a outlook.com tutorial! Thanks so much for sharing, it's really easy to do.

    ReplyDelete
  9. Its on my to do list too!! I pinned your post to help me when I get to that item on my to do list!!

    ReplyDelete
  10. Thanks for sharing! I am pinning it! You always have great info :)

    ReplyDelete
  11. I have always wondered how to do this! Thanks, Kristen. Pinned it:)

    ReplyDelete
  12. This is awesome- thank you for sharing! I stopped by from Wonderful Wednesday.

    ReplyDelete
  13. THANK YOU so much Kristen. I am featuring you on my blog at the Wonderful Wed. Blog Hop! Carrie, A Mother's Shadow

    ReplyDelete
  14. This is a great way to add some blog info to your emails. Thanks for sharing at the #AnythingGoes Link Party.

    ReplyDelete
  15. thank you very much... very interesting
    I hope the next news are no less interesting.

    ReplyDelete