TUTORIAL BLOGGER#6: Como Instalar un Gadget de Suscripción en Blogger

6 Cajitas de Suscripción FeedBurner Personalizadas

¡Que tal mundo!!
Espero hoy estén listos pues vengo con varios tutoriales hoy domingo y este vendría a ser el 2do que subo en el día de hoy. tengo varios proyectos por terminar y en los tutoriales estoy muy atrasada. Pues mi idea era que ya, tuviera al menos ya unos 10 post subidos a estas alturas pero bueno, el tiempo se me va super rápido. Vamos con lo que sigue para este día. Me puse a buscar cajillas de suscriciones para Blogger que pudieran ser personalizadas a nuestro gusto, ya que si estas creando un blog desde cero en Blogger seguro querrás personalizar las cajillas de suscripción a tu manera. Así que aquí te dejo 6 sencillas pero muy bonitas cajillas de suscripciones Feedurner.  PD: Este tutorial es una combinación de entre el Blog de Monica lemos y Creative mendly

• Para esto lo primero que debemos hacer es ir a Feedburner
• Click en el nombre de nuestro blog
• Click en Publicize
• Luego  clic en Email Subscriptions
• y luego en Subscription Management: Aquí tendremos el código necesario para poder personalizar la caja de suscripción.
• En Language elegimos Español
• Copiamos el código que hay justo después. El del ejemplo es este:

El formato quedaría en inglés y muy poco personalizado. Se vería tal que así:
Para personalizar esta cajilla que para nada llama o invita al lector a suscribirse al tu blog. Te dejo los códigos de personalizados pero debes cambiar algunas cosas que te indico en ROJO. Como el color del fondo, bordes y tipo de letras, ect. Para encontrar el Código o el nombre de tu blog en FEEDBURNER bebes buscarlo dentro del código que te muestro arriba. Ejemplo

• ────── ✾ ────── •
1. Caja de suscripción – Con borde de líneas:

<span style="font-family: Courier New, Courier, monospace;"><form style="font-family: Arial; font-size: 12px; text-transform: uppercase; letter-spacing: 3px; color: #8fb59e; border:1px dashed #8fb59e;padding:10px;text-align:center;" action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=PEGA AQUI EL NOMBRE DEL FEEDBURNER', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<p><input type="text" style="width:175px; height: 30px; margin: 0 5px; padding: 5px; font-family: Arial; font-size: 11px; text-transform: uppercase; letter-spacing: 3px; color: #8fb59e;" name="email" placeholder="Escribe tu e-mail"/></p>
<input type="hidden" value="PEGA AQUI EL CODIGO DE TU FEEDBURNER" name="uri"/><input type="hidden" name="loc" value="es_ES"/><input style="font-weight: bolder; background-color:#8fb59e; font-family: Arial; font-size: 12px; text-transform: uppercase; letter-spacing: 3px; width: 190px; height: 40px; margin: 0px 10px 10px 10px; padding: 10px; color: #FFF; cursor: pointer; border: 0px solid #eee;" type="submit" value="Subscribirme ya!" /></form>
</span>

• ────── ✾ ────── •
2. Caja de suscripción Feedburner – En línea botón redondo

<span style="font-family: "courier new" , "courier" , monospace;"><form style="text-align:center;" action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('PEGA AQUI EL NOMBRE DE TU FEEDBURNER', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<p>
</span><span style="font-family: "courier new" , "courier" , monospace;"><input type="text" style="width:45%; height: 25px; margin: 0 5px; padding: 5px; font-size: 16px;" name="email" placeholder="Tu e-mail" /><input type="hidden" value="PEGA QUI EL CODIGO DE TU FEEDBURNER" name="uri"/></span><span style="font-family: "courier new" , "courier" , monospace;"><input type="hidden" name="loc" value="es_ES"/></span><span style="font-family: "courier new" , "courier" , monospace;"><input style="border-radius:50px;background-color:#8fb59e; font-size: 10px; letter-spacing: 2px;width: 35%; height: 40px; margin: 0 5px; padding: 5px; color: #FFF; cursor: pointer;text-transform:uppercase; border: 0px solid #eee;" type="submit" value="Suscribir" /></span><span style="font-family: "courier new" , "courier" , monospace;"></p>
</form>
</span>

• ────── ✾ ────── •3. Caja de suscripción Feedburner- En línea botón cuadrado

<span style="font-family: "courier new" , "courier" , monospace;"><form style="text-align:center;" action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('PEGA AQUI EL NOMBRE DE TU FEEDBURNER', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<p>
</span><span style="font-family: "courier new" , "courier" , monospace;"><input type="text" style="width:45%; height: 25px; margin: 0 5px; padding: 5px; font-size: 16px;" name="email" placeholder="Tu e-mail" /><input type="hidden" value="PEGA AQUI TU CODIGO" name="uri"/></span><span style="font-family: "courier new" , "courier" , monospace;"><input type="hidden" name="loc" value="es_ES"/></span><span style="font-family: "courier new" , "courier" , monospace;"><input style="background-color:#8fb59e; font-size: 10px; letter-spacing: 2px;width: 35%; height: 40px; margin: 0 5px; padding: 5px; color: #FFF; cursor: pointer;text-transform:uppercase; border: 0px solid #eee;" type="submit" value="Suscribir" /></span><span style="font-family: "courier new" , "courier" , monospace;"></p>
</form>
</span>

• ────── ✾ ────── •4. Caja de suscripción Feedburner- Con fondo de color y botón redondo

<span style="font-family: "courier new" , "courier" , monospace;"><form style="background: #8fb59e;font-family: Arial; font-size: 12px; text-transform: uppercase; letter-spacing: 3px; color: #fff; border:0px dashed #fff;padding:10px;text-align:center;" action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=PEGA AQUI EL NOMBRE DE TU FEEDBURNER', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<p>
Recibe en tu e-mail todas las novedades</p>
<p>
<input type="text" style="width:85%; height: 30px; margin: 0 5px; padding: 5px; font-family: Arial; font-size: 11px; text-transform: uppercase; letter-spacing: 3px; color: #8fb59e;" name="email" placeholder="Escribe tu e-mail"/></p>
<input type="hidden" value="PEGA AQUI EL CODIGO DE FEEDBUNER" name="uri"/><input type="hidden" name="loc" value="es_ES"/><input style="font-weight: bold;background:#fff; border:1px solid #fff; font-family: Arial;border-radius:20px; font-size: 12px; text-transform: uppercase; letter-spacing: 3px; width: 90%; height: 40px; margin: 0px 10px 10px 10px; padding: 10px; color: #8fb59e; cursor: pointer; border: 0px solid #eee;" type="submit" value="Subscribirme ya!" /></form>
</span>

• ────── ✾ ────── •5. Caja de suscripción Feedburner – Con fondo de color y botón cuadrado

<span style="font-family: "courier new" , "courier" , monospace;"><form style="background: #8fb59e;font-family: Arial; font-size: 12px; text-transform: uppercase; letter-spacing: 3px; color: #fff; border:0px dashed #fff;padding:10px;text-align:center;" action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=PEGA AQUI EL NOMBRE DE TU FEEDBURNER', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<p>
Recibe en tu e-mail todas las novedades</p>
<p>
<input type="text" style="width:85%; height: 30px; margin: 0 5px; padding: 5px; font-family: Arial; font-size: 11px; text-transform: uppercase; letter-spacing: 3px; color: #8fb59e;" name="email" placeholder="Escribe tu e-mail"/></p>
<input type="hidden" value="PEGA AQUI EL CODIGO DE FEEDBUNER" name="uri"/><input type="hidden" name="loc" value="es_ES"/><input style="font-weight: bold;background:#fff; border:1px solid #fff; font-family: Arial; font-size: 12px; text-transform: uppercase; letter-spacing: 3px; width: 90%; height: 40px; margin: 0px 10px 10px 10px; padding: 10px; color: #8fb59e; cursor: pointer; border: 0px solid #eee;" type="submit" value="Subscribirme ya!" /></form>
</span>

• ────── ✾ ────── •
6. Caja de suscripción Feedburner – Marco y efecto en botón

<span style="font-family: "courier new" , "courier" , monospace;"><form style="border:5px solid #8fb59e;font-family: Arial; font-size: 12px; text-transform: uppercase; letter-spacing: 3px; color: #fff; padding:10px;text-align:center;" action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=PEGA AQUI EL NOMBRE DE TU FEEDBURNER', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<p>
<input type="text" style="width:85%; height: 30px; margin: 0 5px; padding: 5px; font-family: Arial; font-size: 11px; text-transform: uppercase; letter-spacing: 3px; color: #8fb59e;" name="email" placeholder="Escribe tu e-mail"/></p>
<input type="hidden" value="PEGA AQUI EL CODIGO DE FEEDBUNER" name="uri"/><input type="hidden" name="loc" value="es_ES"/><input style="font-weight: bold;background:#8fb59e; border:1px solid #8fb59e; font-family: Arial; font-size: 12px; text-transform: uppercase; letter-spacing: 3px; width: 90%; height: 40px; margin: 0px 10px 10px 10px; padding: 10px; color: #fff; cursor: pointer; border: 2px dotted #fff;" type="submit" value="Subscribirme ya!" /></form>
</span>

Esto seria todo.Muchas Gracias por leer me, No olviden: comentar, seguir el blog y compartir!!Besitos¡¡Kc...
¿Te gusta lo que hago? Me ayudas

í