Cuadro de Suscripción por Correo Electrónico

Como le comente a "Jayko" en un articulo anterior, "solo estaba esperando que alguien pidiera la caja de suscripción por email" que tengo al final del blog para entonces publicarla.

Pensé, "Si a alguien le gusta, entonces la pedirá" :). Y como claramente es una cuadro de suscripción muy llamativo hoy me dispuse a mostrártelo.

Este Gadget queda muy bien ubicado encima de las entradas o al final del blog. No esta hecho para la Sidebar (barra derecha del blog), ya que con su tamaño no podría caber allí.

Recuerda que parte de las técnicas necesarias para aumentar el trafico hacia tu sitio es poner algún tipo de suscripción por correo electrónico, y en este caso utilizando feedburner haremos uso de esa técnica útil y necesaria.

Este elegante widget lo agregarás yendo a Blogger.com - Diseño - Añadir un gadget - HTML/javascript y pegas allí el siguiente código:

<style>
#TB-cuadro-suscripcion {border:1px solid rgba(221,221,221,0.43);border-radius:10px 10px 10px 10px;box-shadow:0 0 30px #EEE inset;margin-bottom:10px;padding:2px;text-align:center}#TB-cuadro-suscripcion h1{color:#000;font-family:'Open Sans Condensed',sans-serif;font-size:24px;line-height:30px;margin-bottom:5px;margin-top:5px;padding:0}#TB-cuadro-suscripcion input{border:medium none;border-radius:5px 5px 5px 5px;box-shadow:0 0 5px #C2C2C2 inset;color:#666;font-family:georgia;font-size:14px;margin-bottom:5px;padding:10px;text-shadow:1px 1px 0 #FFF;width:280px}#TB-cuadro-suscripcion .submit{background:none repeat scroll 0 0 #FF4548;border:0 none;border-radius:3px 3px 3px 3px;box-shadow:0 1px 2px #B6B6B6;color:#FFF;cursor:pointer;font-family:georgia;font-weight:700;margin:0 auto;text-shadow:1px -1px 0 rgba(0,0,0,0.4);text-transform:uppercase}#TB-cuadro-suscripcion .submit:hover{color:#FFF;opacity:0.8}#TB-cuadro-suscripcion .submit:active{background:0 repeat scroll 0 0 transparent}
</style>

<div id="TB-cuadro-suscripcion">
<h1>
Recibe actualizaciones en tu Email :)</h1>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=USUARIO-FEEDBURNER', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<center>
<input name="email" placeholder="Escribe tu Email y Confirmarlo después :)" required="required" size="30" type="text" /><input name="uri" type="hidden" value="USUARIO-FEEDBUERNER" /><input name="loc" type="hidden" value="en_US" /> <input class="submit" type="submit" value="Suscribirse" /></center>
</form>
</div>

El color predeterminado de este cuadro de suscripción es Rojo, pero puedes cambiarlo por el color de tu preferencia modificando lo resaltado en rojo

Para elegir el código de un color, utiliza el Selector de Colores

Ahora pon tu usuario de feedburner en USUARIO-FEEDBURNER

Fácil! Sencillo y rápido. Tienes ahora un cuadro de suscripción por email muy profesional, atractivo y funcional.

Seguramente muchos podrán suscribirse de manera gustosa y rapida, a través de este Gadget.