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.Creador del blog que estás leyendo. Director y Fundador de The Corner Lab. Profesor de SEO y Google Analytics en el Máster de Marketing Online de AulaCM. Formador para empresas.
