Caja de suscripcion de Feed burner

Hemos encontrado un post en el cual nos ayuda a personalizar nuestra caja de suscripciones para darle una vista buena a tu blog y lo queremos compartir contigo.

1. Primero consigue tu código de esta herramienta en FeedBurner, ingresa a tu cuenta y luego en la pestaña PublicizeSuscripciones por Email del menú de la izquierda. elige
2. Ahora escoge tu idioma y copia el código.

Primero Nos vamos a Diseño >> Edicion HTML>>Buscamos ]]></b:skin>(para facilitar tu busqueda ctrl+F)

#rssbox { margin: 10px 0 10px 0; height:28px; padding:10px; width:200px; float:center; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8eehAOUJTTlX-PpXtcb8iceO0gJtoReLPFP1p5VPRPzNqQxqTs88nAeLQ5UEDuM2TVSPzler3-BecbysfCX_6NS-uR-5lv3AwA8GIyujdJ10P7Jpy1J1ZbIL_-JDIJErBWLwO5O62-k4/) no-repeat; border:0px solid #e4b5c5; } #rssbox p { margin: 0; font-size: 85%; } #rssboxsubmit { margin: 14px 20px 10px 55px; float: center; background:#fff; border: 1px eroded #da4b02; font: bold 100% ; color: #000; height:20px; } .rssbox { color: #ccc; font-size: 100%; }

Despues de haber pegado estos codigos vamos y habrimos un elemento/HTML JavaScript/ y pega lo siguiente:

<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"> <span style=" white-space: pre-wrap;"></span></div> <div id="rssbox"> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=NombredetuFeed', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"> <input class="rssbox" name="email" onfocus="if(this.value=='Ingresa tu correo...')this.value=''" style="height: 14px; margin-left: 34px; margin-top: 0px; width: 135px;" type="text/" value="Ingresa tu correo..." /> <input name="uri" type="hidden" value="NombredetuFeed" /><input name="loc" type="hidden" value="es_ES" /><input id="rssboxsubmit" type="submit" value="Suscribir" /></form> </div>

Listo ahora solo cambia lo que esta en color amarillo por tu Feed

sino sabes cuál es, haz click en Editar detalles del feed y copia la última palabra de Feed Adress.



Aqui te agregamos Un pack de imagenes Feed para que personalizes tu blog, simplemente da clic en descargar...

 Ejemplo del pack incluye 6 diferentes