Tutorial Blogger: Personalizar la suscripción por mail (feedburner)

Publicado el 29 septiembre 2014 por Laura Conde @LaureKif
Boungiorno lavanderos!!
Otra semana más que empezamos, se me pasa el tiempo volado! 
Como la semana pasada no tuvimos tutorial blogger, esta ya tocaba. Hoy vamos a aprender cómo personalizar el gadget de feedburner, o lo que es lo mismo la suscripción por mail. Y es un mega tutorial, porque no sólo vamos a aprender a poner más bonito el gadget, sino que aprenderemos a ponerlo en español y personalizar un poco (dentro de lo que nos deja) los correos.
Yo lo instalé la semana pasada, ya que muchos me dijisteis que preferíais recibir mis post nada más que salen del horno, así que todo lo que os voy a contar, es lo que yo he hecho con mi feedburner. Así que ¡vamos a por ello!

Lo primero que debemos hacer es añadir el gadget si no lo tenéis ya. Para ello vamos a Diseño → Añadir un Gadget → Seguir Por Correo Electrónico. Lo ubicamos en la zona que nos guste, aunque es preferible que esté lo más arriba posible.
PONERLO EN ESPAÑOLActo seguido, vamos a ponerlo en español, para ello nos tenemos que meter en nuestra plantilla HTML (recordad hacer siempre una copia de seguridad, por si tuviéramos cualquier problema). Vamos a Plantilla → Editar HTML y buscamos lo siguiente (para buscar dentro de la plantilla pinchamos en cualquier parte de esta y pulsamos CRTL+F):
<div class='follow-by-email-inner'>
Aquí vamos a hacer tres cambios:
1. Hacer que el mensaje que aparece a nuestros lectores para suscribirse esté en español. Para ello debemos cambiar value='en_US' por value='es_ES'
2. Hacer que en el texto del gadget ponga lo que a nosotros nos apetezca, para ello debemos reemplazar el siguiente texto:
placeholder='Email address...' por placeholder='Dirección de Correo' (o lo que queráis)
value='Submit' por value='Suscribirse' (o lo que queráis).
Os dejo las capturas de pantalla para que os sea más fácil hacer estos cambios. 

Tras hacer los cambios nos queda tal que así:

Hecho esto, en nuestro gadget aparecerá ya el texto en español y el mensaje que sale cuando le das a suscribirte también es español! Chachi!
MODIFICAR LA APARIENCIA DEL GADGETAhora vamos a poner más bonito el gadget, para ello sólo tenemos que añadir un poquito de CSS :D Vamos a Plantilla → Personalizar → Avanzado → Añadir CSS y pegamos lo siguiente (Todo lo que podéis cambiar os lo he señalado con colorines :D):
#FollowByEmail1{background:#ffffff; /*Color de fondo del gadget*/}
.FollowByEmail .follow-by-email-inner .follow-by-email-address { /*Donde se escribe el correo*/text-align:center;width:100%;padding:3px 0;margin-left:-2px;border:1px solid #eeeeee; /*Borde de la caja*/font: normal normal 11px Arial; /*Fuente y tamaño que queremos usar*/color:#aaaaaa; /*Color de las letras de dentro de la caja*/}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit { /*Botón para suscribirse*/width:100%;margin-left:0;border-radius:0;-moz-border-radius:0;padding:7px 0px;height:auto;background:#333333; /*Color de fondo del botón*/font:normal normal 11px Arial; /*Fuente y tamaño que queremos usar en el botón*/color: #ffffff; /*Color de las letras del botón*/}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover { background:#cccccc; /*Color de fondo del botón cuando pasas el ratón por encima*/color:#ffffff; /*Color de las letras del botón cuando pasas el ratón por encima*/}
CAMBIOS EN FEEDBURNERHecho todo esto, ya tenemos listo nuestro gadget en blogger. Ahora vamos a ir a feedburner a cambiar algunas cosillas ;)
Dentro de nuestro feed vamos a ir a la pestaña superior que dice Publicize y dentro a Email Subscriptions:

Vemos cuatro apartados, el primero, Subscription Management ni lo tocamos, ya que ya lo hemos puesto en español en blogger. Pero lo que sí nos interesa de esta parte, es abajo del todo, donde nos cuenta los suscriptores que tenemos ;)
→ Ahora vamos a ir a Communication Preferences. Vamos a poder cambiar tres cosas:• El mail desde el que llegan los mensajes a los suscriptores. Por defecto está puesto el de google, pero es buena que lo cambiemos por el nuestro, por si nos quieren responder ;)
El texto del asunto del mensaje que les llega a los suscriptores para que confirmen su correo. Está en inglés, así que es buena idea que lo pasemos a castellano.
El texto del mail que llega para confirmar el correo. También está en inglés, así que debemos traducirlo y escribir lo que nos apetezca. Pero ojo! hay una cosa que no debemos borrar. Os lo explico, este es el texto que nos da por defecto feedburner:
Hello there,
You recently requested an email subscription to NOMBRE DE TU BLOG. We can't wait to send the updates you want via email, so please click the following link to activate your subscription immediately:
${confirmlink}
(If the link above does not appear clickable or does not open a browser window when you click it, copy it and paste it into your web browser's Location bar.)
Lo que os marco de color rojo, es lo que no debéis borrar bajo ningún concepto, ya que es el link de confirmación :D Así que al cambiarlo nos debe quedar algo así:
Hola!!
Acabas de pedir ser añadido a la lista de suscriptores de mi blog, bienvenido! Me hace mucha ilusión tenerte conmigo. Nada más que se publique un post llegará a tu bandeja de entrada :D
Para confirmar tu suscripción haz click en el enlace que está aquí debajo:
${confirmlink}
  Si no te deja, ponte en contacto conmigo y solucionaremos el problema ;)
Os dejos captura de como yo lo tengo ;)

→ Hecho esto, vamos a ir a Email Branding, aquí vamos a poder cambiar cosas respecto al aspecto que tendrán los mails que le llegarán a los suscriptores, podemos incluso incluir un logo en los mail que lleguen :D

→ Ya por último, vamos a Delivery Options, donde tenemos que cambiar, la zona horaria en la que estamos y la hora a la que llegarán los mails a los suscriptores, como veis no hay una hora concreta, si no que va por intervalos ;)


Espero que os haya gustado este mega tutorial :) La verdad es que la interfaz de feedburner es horrible pero es lo hay jajaja. Cualquier duda ya sabéis, un comentario o un mail :D
Os recuerdo que si os apetece tener también una newsletter, como hay yo, tenéis el curso de Mailchimp a vuestra disposición :D
Y ya si compartís esto me hacéis muy feliz :) :D
Pasad un lunes muy chachi!! Besotes muy fuertes!! Laura.