viernes, 18 de mayo de 2012

Como diseñar las suscripciones por email a un blog de Blogger

Aunque ya os las he pasado por correo electrónico os dejo las instrucciones concretas para crear las suscripciones por correo electrónico a blogger mediante FeedBurner.


- Definir el asunto del email
${latestItemTitle} | Blog Tecnos
${latestItemTitle} y ${m} artículos más | Blog Tecnos

- Publicize → Suscripciones por Email → Preferencias de comunicación (Communication Preferences).
no-reply@blogtecnos.com

<a href="http://feedburner.google.com/fb/a/mailverify?uri=TuFeedBunerURI" class="mailsuscripcion">Suscríbete gratis por correo electrónico</a>

<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit <div>
<p>Suscríbete por correo electrónico:</p> <p><input type="text" name="email" id="campoemails"/></p> <input type="hidden" value="BlogTecnosPrueba" name="uri"/>
<input type="hidden" name="loc" value="es_ES"/>
<input type="submit" value="Suscribir" id="mailsubmit"/> </div> </form>

- Insertar el código de estilo CSS justo antes de la instrucción: ]]></b:skin>
<input type="hidden" name="loc" value="es_ES"/>
<input type="submit" value="Suscribir" id="mailsubmit"/> </div> </form>
#fmailsuscripcion { }
#fmailsuscripcion p { margin:10px 0; }
input#campoemails { color:#999999; float:left; font-size:12px; height:12px; padding:2px; width:65%;
}
input#mailsubmit { background:#EEEEEE none repeat scroll 0 0; border:1px outset #CDCDCD; float:right; font-size:10px; padding:2px; text-align:center; width:25%; }
]]></b:skin>
#fmailsuscripcion { }
#fmailsuscripcion p { margin:10px 0; }
input#campoemails { color:#999999; float:left; font-size:12px; height:12px; padding:2px; width:65%;
}
input#mailsubmit { background:#EEEEEE none repeat scroll 0 0; border:1px outset #CDCDCD; float:right; font-size:10px; padding:2px; text-align:center; width:25%; }


- Finalmente en un gadget de HTML incluimos el siguiente formulario:
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BlogTecnosPrueba', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" id="fmailsuscripcion"> <div> <p>Suscríbete por correo electrónico:</p> <p><input type="text" name="email" id="campoemails"/></p> <input type="hidden" value="BlogTecnosPrueba" name="uri"/> <input type="hidden" name="loc" value="es_ES"/> <input type="submit" value="Suscribir" id="mailsubmit"/> </div> </form>

Os paso el vídeotutorial sin editar del todo.. pinchando aquí podréis verlo (http://youtu.be/r1m5MXZeKSA).

lunes, 14 de mayo de 2012

Formulario prueba. Enlace

Ver el formulario aquí.

Formulario prueba

viernes, 11 de mayo de 2012

Nuevo calendario

El nuevo calendario es..


Insertar un calendario en tu blog

Una opción interesante a considerar en nuestro Blog es incluir un calendario que informe sobre eventos cercanos relacionados con la temática del blog, por ejemplo las fiestas, excursiones o acontecimientos de tu pueblo. Para ello, de las varias opciones disponibles os aconsejo utilizar Google Calendar.

Se trata de una herramienta muy sencilla. Para trabajar con ella basta con, como siempre, entrar en nuestra cuenta de Google y pinchar sobre Calendar.
Entrar en Google Calendar.

A continuación, nos aparecerá la siguiente ventana. Se trata de la ventana principal de Google Calendar y sobre la que trabajaremos:
Ventana de trabajo principal de Google Calendar.
Nos podemos ir haciendo una idea de lo sencillo que será trabajar con esta opción pero, empecemos. Lo primero será Crear un Calendario (podremos hacer tantos como queramos, por ejemplo, uno exclusivo de fiestas locales y otro de eventos culturales). Simplemente tendremos que pinchar en Mis calendarios<Crear nuevo calendario (2). También podremos configurar los calendarios (Idioma, formato de fechas, notificaciones..).

Lo siguiente será comenzar a incluir eventos. Para ello pinchamos en Crear (1) y directamente nos llevará a la siguiente ventana:


Desde aquí podemos controlar toda la información del evento. Escribiremos el nombre del evento (a), por ejemplo, "Fiestas en Calahorra". Después definiremos el periodo de vigencia del evento (b) (días, meses, horas, lo que nos interese). A continuación aparecen otros muchos parámetros a definir (c). Marcaremos las opciones que más se ajusten a nuestras necesidades (si utilizas varios calendarios no olvides marcar en el que quieras que aparezca el evento (d), será muy cómodo para luego realizar cambios).

Finalmente, antes de guardar los cambios, puedes definir las personas que quieres que vean el calendario directamente desde Añadir invitados (e), para ello escribe las direcciones de correo electrónico separadas por una coma. Si lo que quieres es publicar el calendario en un blog o web no es necesario que utilices esta opción.

Una vez acabado el proceso completo pincha sobre Guardar.
Configuración de eventos

Puedes pedir que se te notifiquen cambios. Para ello debemos ir a Mis calendarios<Configuración (2). Aquí podremos definir si quieres que te informen de cada evento al día, un resumen diario.. según tus necesidades. Ajusta las opciones de compartir.
Configuración del calendario

En esta misma ventana encontrarás el código para la implantación del calendario en tu blog o web. Recuerda que es código HTML y, por lo tanto, lo debes copiar y pegar en tu sitio web, pero siempre podrás modificar parámetros como el tamaño. 
Código de Google Calendar.
Google Calendar ofrece muchas más opciones, así que prueba y sácale el máximo partido.

Aquí os pongo un ejemplo sencillo: