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).