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

Aquí os paso las instrucciones que son necesarias para la suscripción a través de un correo electrónico para blogger. Todas las instrucciones están en el siguiente videotutorial pero se necesitan una serie de códigos que os paso a continuación.

- La primera instrucción a completar se corresponde al apartado Email Branding<Título/Tema del email (corresponde al 4:20 del vídeo). Pretende que en cada email de aviso de actualización aparezca el propio título del post realizado, para ello completamos con: 

${latestItemTitle} | Blog Tecnos

Si queremos utilizar la opción de varias actualizaciones (no vista en el vídeo) escribiremos:

${latestItemTitle} y ${m} artículos más | Blog Tecnos

- El siguiente paso será insertar el código de estilo CSS para permitir la suscripción por email. Para ello iremos a Plantilla<Edición HTML, tras haber pinchado sobre "Expandir plantillas de artilugios", debemos buscar la siguiente orden (7:16''):

]]></b:skin>

Justo antes de dicha orden (]]></b:skin>) marcamos intro y copiamos el siguiente código:

#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 cambiando la Feed address que hayáis definido en FeedBurner y que está señalada en rojo (9:20''):

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