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)


Cargando鈥

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 Dise帽o Web en 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

    Send this to friend