Blogging
Cómo Poner y Editar la Caja de Suscripción FeedBurner en el Blog
18 abril, 2013
10
, ,
El martes publiqué una entrada en la que explicaba cómo había triplicado los suscriptores del blog. Un método, bastante sencillo y de fácil aplicación, que utiliza mucha gente. Éste era colocar una caja de suscripción vía FeedBurner al final del post. Digo al final, porque es donde lo tengo alojado yo, pero existe la opción de colocarlo al principio de las entradas. Además, obviamente, de tener fija otra caja más pequeña en la página principal del blog.
Me preguntaron varias personas cómo y dónde podían encontrar esta caja. Particularmente, a mí, las que hay circulando por internet (sin contar los plugins) no me terminan de gustar, aunque pueda modificarlas. Por ello en lugar de resolverle la duda individualmente a cada uno, decidí crear un post explicándolo.
Nunca he hecho un tipo de post así, pues, no es que los HTML sean mi fuerte, pero considero que con un poco de paciencia todo el mundo puede tener esta caja en su blog si se lo plantea.

¿Cómo la pongo yo?

 
Es muy fácil, resulta que el propio FeedBurner nos ofrece una código HTML para poner una caja donde queramos e incluso personalizarla.
Aquí la caja que FeedBurner nos ofrece por defecto.

Enter your email address:

Delivered by FeedBurner

Es un poco sosa ¿verdad?. Ni llama la atención, ni es atractiva a la vista. Veamos cómo ponerla.

 

7 Pasos

1. Tener cuenta de FeedBurner.
 
2. Ir a pestaña “Publicize”
 
3. Ir a “Suscripciones por mail” (izquierda)
 
4. “Activar”
 
5. Usar como widget en Blogger. Si estás en Blogger, pon esa opción en la pestaña y dale a “Go”. Te llevará a una nueva pestaña donde puedes editar y copiar el contenido.
 
6. Editar y copiar
 
7. Alojar donde se desea

 

¿Cómo lo modifico?

Hacer este tipo de modificaciones en HTML resulta prácticamente intuitivo, por eso he podido hacerlo :).
Éste es el código que sale en mi caso, con mi dirección de mi Feed y el nombre del mismo. A vosotros os saldrá con vuestras respectivas direcciones, así que, no copiéis este…

 

<form style=”border:1px solid #ccc;padding:3px;text-align:center;” action=”http://feedburner.google.com/fb/a/mailverify” method=”post” target=”popupwindow” onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=ConMDeMarketingAlexSerrano’, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520’);return true”><p>Enter your email address:</p><p><input type=”text” style=”width:140px” name=”email”/></p><input type=”hidden” value=”ConMDeMarketingAlexSerrano” name=”uri”/><input type=”hidden” name=”loc” value=”es_ES”/><input type=”submit” value=”Subscribe” /><p>Delivered by <a href=”http://feedburner.google.com” target=”_blank”>FeedBurner</a></p></form>

 

Lo verde es el borde de la caja, el primero, es el grosos del borde y el segundo son los márgenes que guardará.
Lo gris, es el color del borde de la caja.
Lo rojo es el texto que queréis que aparezca en la caja.
Lo azul, es el largo del cajón donde se introduce el mail para la suscripción.
Lo naranja, es el texto que queréis que aparezca en el botón de aceptar la suscripción.
Podemos añadir una parte al código para cambiar el color del fondo de la caja, el relleno.
Si añadimos : background-color:red” después de  text-align:center; podemos cambiar el color del fondo. Quedaría así:

text-align:center; background-color:red

También se puede cambiar el color poniendo, por ejemplo:  #eee

text-align:center; background-color:#eee

¡Ya tenemos preparado el código! Ahora sólo tenemos que copiar y pegar donde queramos. Una vez copiado el HTML, por ejemplo, dentro de la elaboración de un post, podéis cambiar el texto que queréis que aparezca y añadir enlaces desde la pestaña “Redactar” del editor de entradas de Blogger.
Espero que os haya sido de ayuda y os sirva para aumentar suscriptores.
También se puede hacer para WordPress casi de la misma manera, os dejo esta dirección que es de donde acudí yo en su momento: Caja para WordPress.

 

[mc4wp_form]

¿Te ha sido útil este post?


1 Star2 Stars3 Stars4 Stars5 Stars (Este post todavía no tiene votos)


Loading...

About author

Álex Serrano

Creador del blog que estás leyendo. Miembro del equipo de Aula CM, donde soy profesor en el Máster de Marketing Online. Me dedico al Social Media, SEO, blogging y marketing de contenidos.

bitacoras_1

¿Cómo cambia la vida ganar un Bitácoras? Consejos y testimonios de 8 ganadores.

Leer más
curso wordpress

15 Cursos de WordPress Gratis y online

Leer más
checklist_1

El Checklist definitivo que debes hacer antes de publicar un post

Leer más

There are 10 comments

  • Gracias por la explicación del código. En esta semana que tenga tiempo me pondré a probar para mejorar mi caja de suscripción.

  • Gracias! Ya tengo guardado mi código modificado con colores corporativos y todo! 🙂

  • Hola, muchas gracias por el tutorial, tengo un problema, la barra donde va el correo, me queda a la izquierda y lo demás centrado :s

  • Singe Lama dice:

    Gracias por esta entrada. Hay alguna manera de poner la caja automaticamente en todas las entradas ya realizadas? o solo sirve para las nuevas?
    Un saludo!

  • De nada! Pues si hay alguna manera no sé como hacerlo :S Como no lo hagas una a una, poco a poco… jejej

    Un saludo!

  • Excelente… mil gracias, ha sido de mucha ayuda y en un momento tratare de colocarla a ver como funciona!!! http://www.CasasEnDanli.com

  • Anónimo dice:

    Hola Alex, gracias por el tuto, Me llamo Eduardo y quería hacerte una consulta, yo recién estoy haciendo un blog personal y probando las suscripciones por email con feedburner, pero he podido ver que a mis suscriptores le llegan las entradas totalmente desconfiguradas (si lo comparo con la publicación original), es decir el texo y las imágenes muy mal presentadas que no dan muchas ganas de leer. Esto es normal de feedburner? Me gustaría que la presentación mejore viá email sea similar a blogger, pero claro de modo automático.

    Espero tú respuesta.

  • Hola, de nada!

    Feedburner hace un tiempo que dejó de recibir soporte por parte de Google, ha quedado 'abandonado'- Yo te recomendaría que recurrieses a servicios gratuitos como Mailchimp o Mailrelay, ambos fácil de usar y con buenos resultados. Puedes configurar la apariencia de la newsletter tanto como quieras.

    Espero que haya sido de ayuda.

    Saludos.

  • Hola Alex buen artículo.

    Sólo comentarte que el cuadro de suscripción del final del post es de feedburner, y no funciona.

    El de Mailchimp que se encuentra en la sidebar sí que funciona. Por cierto me he suscrito a tu blog 😉

    Saludos!

  • Gracias por tu comentario y bienvenido David 🙂

    Estás en lo cierto, cuando cambié a Mailchimp cambié muchas de las cajas de suscripción y al parecer, el de este post no :S

    ¡Gracias por avisar!

  • Deja un comentario

    Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

    Uso de cookies

    Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

    ACEPTAR