Agregar botones de redes sociales a la firma de Outlook.com

Publicado el 28 mayo 2013 por Pedrojp
Esto se va complicando pero no mucho, en nuestro artículo de hoy vamos a añadir a nuestra firma de Outlook los botones de las más famosas redes sociales, que son Facebook, Twitter y Google-Plus.

Este pequeño truco puede ser muy interesante para muchos usuarios con perfiles en redes sociales, pues cada vez que envíen un correo electrónico, en sus firmas llevarán los iconos con los respectivos enlaces a sus redes sociales favoritas.
También es muy interesante en el caso de que seas un Webmaster y tengas un blog vinculado a las redes sociales, pues este pequeño tutorial te puede ayudar a crecer en internet.
Anteriormente vimos cómo poner una imagen como firma en outlook.com, pues esto es algo parecido pero con un poco más de código HTML.
Y sin perder más tiempo vamos a empezar a trabajar, centrándonos en la parte que nos ocupa hoy.
  Paso 1 - Inicia sesión en Outlook.com
  Paso 2 - Haz clic sobre el icono de configuración (engrane).
  Paso 3 - Haz clic sobre "Más opciones de configuración de correo"
  Paso 4 - Haz clic sobre "Firma y fuente del mensaje"
  Paso 5 - Una ver en este punto, en el cuadro de abajo nos dirigiremos a la pestaña que dice
       "Texto enri..."
       Haz clic en la flechita y en el menú elige "editar en HTML"
  Paso 6 - Ahora llega el momento donde tendrás que añadir los Botones Sociales a la firma de Outlook Correo, os dejo un ejemplo que podéis utilizar con tan sólo "Copiar y Pegar"

<div><div><font size="3">Gracias</font><span style="font-size:12pt;">,</span></div></div><div><span style="font-size:12pt;">El equipo de TrucosOutlook.com</span></div><div><font size="3">Si te gusta Trucos Outlook puedes seguirnos en: </font>
<a href="URL DE fACEBOOK" target="_blank"><img alt="" border="0" src="https://dub120.mail.live.com/Handlers/ImageProxy.mvc?bicild=&canary=G5rJI26Xeag/IGiSo4R8PBD3xJm4CtJc3unAk3KB5F4%3d0&url=http://2.bp.blogspot.com/-z9hK7ZQNwLo/Te4eDDMZ4hI/AAAAAAAAJmg/BXicYJj2xHk/s1600/facebook.png"></a>  <a href="URL DE TWITTER" target="_blank"><img alt="" border="0" src="https://dub120.mail.live.com/Handlers/ImageProxy.mvc?bicild=&canary=G5rJI26Xeag/IGiSo4R8PBD3xJm4CtJc3unAk3KB5F4%3d0&url=http://2.bp.blogspot.com/-FVwm4jqPdbo/Te4es7sK2BI/AAAAAAAAJm4/XvN1Yy6PszU/s1600/twitter.png"></a>  <a href="URL DE GOOGLE PLUS" target="_blank">
<img alt="" border="0" src="https://lh3.googleusercontent.com/-z6ozCTvNJb4/UFg55DoGnoI/AAAAAAAABDc/enYWFJcXAAk/s128/google-plus.png"></a>
</div>

Nota: Deberás poner la URL de las páginas de tus redes sociales donde se indica en el código, URL DE FACEBOOK, URL DE TWITTER, URL DE GOOGLE PLUS
Y para terminar haz clic en "Editar en..." y en el menú seleccionas nuevamente "Texto enriquecido" ahora podrás ver algo similar a la siguiente imagen.

Podrás añadir tantos botones de redes sociales como quieras, sólo necesitas subir las imagenes a un servidor.
Nos Vemos !!!