|
La verdad que me ha costado haciendo pruebas aqui y allá, pero al final logré tener una firma personalizada como el banner que podeis ver más arriba. A mis correos que suelo enviar a mis colegas y amigos, le quise añadir un banner personalizado para que puedan saber que tengo un blog y que vean las últimas noticias que han salido en tiempo real. Hay una manera gratis y sencilla y el tamaño el que queramos, y es a través del Fireburner que nos actualiza las últimas noticias subidas al blog en base a nuestras RSS. De esta forma, cada vez que envie un correo a través de mi Outlook, en la firma se vería este banner en tiempo real con las últimas noticias. En unos sencillos pasos os voy a explicar cuáles han sodo los pasos.
Primero tenéis que tener cuenta en Feedburner .Como sabéis esta web, hace un seguimiento de tus feeds enviándolos a todas las personas que se han ido agregando para poder seguir tus comentarios. 
En resumidas estos son los pasos.
1.- Ir a "Publicite" y pulsar en "Headline Animator".- en este apartado es donde se va a crear el banner con las noticias o post de tu blog.
2.- En "Theme" tienes algunas que son predeterminadas y que poco puedes cambiar, solo el color de las fuentes el tamaño.
3.- Si lo quieres personalizar más existe la opción de "provide your own background" o sea, tienes que crear un banner con el Photoshop por ejemplo y subir ese jpg o png a tu blog.
4.- Justo cuando marques "provide your own background" te aparecerá otro marco llamado "Background Image" y donde dice "Image URL:" escribe la dirección completa donde tienes alojada el banner Ejemplo - http://www.melohago.com/picture/banner.jpg y pulsa donde dice "load" para que cargue tu banner esta opción. 
5.- Más abajo en "Title" tienes la opcion de elegir el tamaño de ancho del titulo, el tamaño de la fuente y color de la fuente del título como por ejemplo "Me lo hago"
6.- "Headlines" son los titulares de las noticias que irán rotando conforme vayan subiendo nuevos comentarios.
7.- "Dates" es para poner la fecha de las nuevas noticias, yo en mi caso las tengo desmarcadas.
8.- En la parte de abajo te sale un previo de como quedaría el nuevo banner personalizado por tí.
9.- Al lado de "Activar", escribe el nombre al que quieres darle a ese banner, es solo identificativo en la web de feedburner, no en tu correo. Sobre todo si vas a crear varios banner así sabes cual corresponde a cual.
10.- Una vez pulsado "Activar" se sale un precio del banner ya creado, pero ahora lo que necesitas en el código de enlace para que puedas pegarlo a tu gestor de correo o web. 
11.- Donde esta la cruz roja que dice "Add to MySpace, TypePad, etc" tienes un desplegable que será el que te crea el código para que puedas enlazarlo ya sea a tu blog o mail. En nuestro casi tienes que elegir mail.
12.- Seguido te dará opciones de que tipo de correos usas por si usas uno diferente al Outlook como Yahoo etc... 
13.- Pulsando en el tipo de correo que tenemos nos da un codigo similar a este (lo copiamos en un archivo de texto para no perderlo) <p style="margin-top:10px; margin-bottom:0; padding-bottom:0; text-align:center; line-height:0"><a href="http://feeds.feedburner.com/~r/miweb/~6/2"><img src="http://feeds.feedburner.com/miweb.2.gif" alt="Mi web" style="border:0"></a></p><p style="margin-top:5px; padding-top:0; font-size:x-small; text-align:center"><a href="http://www.feedburner.com/fb/a/headlineanimator/install?id=1703972&w=3" onclick="window.open(this.href, 'haHowto', 'width=520,height=600,toolbar=no,address=no,resizable=yes,scrollbars'); return false" target="_blank">↑ Grab this Headline Animator</a></p>
14.- En nuestro caso de todo el codigo solo nos interesa esto... http://feeds.feedburner.com/miweb.2.gif
15.- Si sabeis enlazar imágenes ya sea en vuestro blog o correo en html, con lo que he explicado es suficiente, pero yo voy a insertarlo en mi correo Outlook 2003 y que la firma personalizada es a traves de un archivo HTML, lo cual es sencillo de crear, pero si no estais al tanto mucho os dejo el codigo, lo pegais en un archivo de texto y lo guardais como html.
16.- Codigo para el html
<html> <head> <style type="text/css"> A {text-decoration:none; color:#003399;} A:hover {text-decoration:none; color:#333333;} .style5 {font-family: Garamond;font-size: 12px} .style14 {font-family: Garamond; font-size: 14px;} .style15 {font-family: Garamond;font-size: 14px} .style17 {font-family: Garamond;font-size: 16px} .style18 {font-family: Garamond;font-size: 12px} .style19 {font-family: Garamond; font-size: 16px;} </style> </head> <body bgcolor="#ffffff"> <p class="style19"> </p> <p class="style19"><p> </p> <p><span class="style15"><font color="333333" face="Garamond"></font><font color="333333" face="Garamond"></font></span><font color="333333" face="Garamond" size=1><br> <td width="494"> <a href="http://www.melohago.com"><img src="http://feeds.feedburner.com/melohago.2.gif" alt="Pulsa y visita mi blog www.melohago.com" width="468" height="60" style="border:0"></a></td> </table> </body> </html>
17.- Tengo que corregir un poco más el html, porque tiene algunas imprecisiones, pero en breve lo haré.
18.- Una vez hecho esto, pues solo falta seguir los pasos para insertarlo como firma en nuestro gestor de correo y listo. Si teneis alguna duda de como hacerlo solo pedirlo abajo en los comentarios y os puedo ayudar. |