CAJA DE SUSCRIPCIÓN PERSONALIZADA.

En esta ocasión les voy a enseñar a cómo poner una caja de suscripción personalizada, totalmente funcional y con muy bonita apariencia la cual te puede servir en blogger para que los visitantes se suscriban a travéz del feed de feedburner.
La caja de suscripción de feedbuerner por defecto es la siguiente: 

La que vamos a poner en el blog es la siguiente: 

Como ven tiene una mejor apariencia y además se pueden agregar los íconos de las redes sociales.

Así que para eso les voy a explicar paso a paso cómo editar el código, no se preocupen que también lo explico en ESTE VÍDEO. 

Copia el código que te voy a dar aquí y sigue los siguiente pasos:

Vas a blogger, luego click en diseño, buscas añadir un gadget, buscas HTML/JavaScript lo abres y pegas lo siguiente:

<style>  #R91481-WG {  width:270px;  border:1px solid #aaa;  border-radius:3px;  padding:3px 0;  }   .R91481-WG-wrapper {  background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-sH9_k5-97a7MvaBDkbhBRksxqLBJPMP7bQreiQe42ygVZfcyKKwGapXGnIBQbn6HUqdvX3GztRnDU80I7HvkzlMz20-NYKXZJb1hYzDQ0CgiwTpnbX59WjKgsWWQ4HSqP425ZVVYwlQ/s1600/background.png) repeat scroll 0 0 #f7f7f7;  color:#111;  font-size:14px;  line-height:20px;  text-align:center;  text-transform:uppercase; padding:1px 20px 10px;  }    .R91481-WG-form {  clear:both;  display:block;  margin:10px 0;  }   form.R91481-WG-form {  clear:both;  display:block;  width:auto;  margin:10px 0 0;  }    .R91481-WG-email-field {  -moz-border-radius:4px;  -webkit-border-radius:4px;  background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXsI5NqPGu8-GhSXkPoKPssE5APdrJs0Qq9YizHC-6VXAghRpynlFbLw7x7Ic1ez05Yb8ngYG4kTd0r3A2FHlD-l2pPplKqEZREjymlY2QigdZDCdcKgEIW5kj0lsUcOb1vEULOKwmhbQ/s1600/icons.png) no-repeat 0 -27px; border:1px solid #ccc;  border-radius:4px;  color:#444;  width:68%;  margin:0 0 15px;  padding:10px 40px; }    .R91481-WG-email-button {  background:#09f;  border:1px solid #007fff;  box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;  color:#fff;  cursor:pointer;  font-family:verdana;  font-weight:700;  text-shadow:1px 1px 0 rgba(0,0,0,.4);  text-transform:uppercase;  width:100%;  padding:10px; }    .R91481-WG-email-button:hover,.R91481-WG-email-button:focus {  background:#1ca4ff;  }   .R91481-WG-email-button:active {  -moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;  -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;  box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;  outline:0;  }   iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table {  width:100%;  }    embed { border-radius:3px;  -moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);  -webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);  background:#FFF;  border:1px solid #ddd;  box-shadow:0 2px 4px rgba(0,0,0,0.2); margin:0;  padding:4px;  }    #footer-section {  border-top:1px solid #aaa;  box-shadow:inset 0 4px 6px -3px #aaa;  font-family:cambria;  font-size:14px;  height:100px;  text-align:center;  width:100%;  margin:10px -30px 5px;  padding:0 30px;  }    a.social-icons {  margin-right:5px;  height:45px;  width:45px;  }    a.social-icons:hover {  opacity:.7;  filter:alpha(opacity=70);  }  </style>    <div id="R91481-WG">  <div class="R91481-WG-wrapper">  <br/><a href='http://www.ayudadeblogger.com/'></a>  <a class="social-icons" href="URL DE FACEBOOK"target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2nQ-UbRAJmZJqxMJjBRFHag3EaOJCgY2c8SUEREE0pUb3x-eGCTBTWkY9eMs8A3q2uNsBZbD7evJItSJZ51-YdlUz4H5oiprHcr57ejVdeUtOsXu9O2iCdalt2QU68vNvFHGAbur7K_I/s1600/ayudadeblogger+facebook.PNG" /></a>  <a class="social-icons" href="URL DE TWITTER"target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixaSJ5HLl7aL25xMyGGjMHPgMiqxU9GLQDRbgy4mj5v6iFujn4kICT_U2S1M8VLKWXlbDEg0SnVCODfi0FU51bQhoe6QgzINyQp5S8_Dt-UvBPxHUZb329yI1943fRHh9U0dUpYY0TZZM/s1600/ayudadeblogger+twitter.PNG" /></a>  <a class="social-icons" href="URL DE GOOGLE+"target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWhvDzIMOnq-VG7okgWJE2hTtLTG6axSTUaxPARoEl-KNfx68FzubX8mjhQ8ONNaGX1OHVGuo8HvA5dZMbJiXJvkTzAFKvBu0BWmIf6YUsC7SZqyxUlKXHk4S-Ov2lo-T7S3fcowRta9U/s1600/ayudadeblogger+google.PNG" /></a>  <a class="social-icons" href="URL DE FEEDBURNER"target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguxujeIcWzls6OUGdocUci-LkNt3UoLR-PX2-rubTO-XJY1lwf7F1xM3lTxHA7bXdIQGzkkszxa53eMUg1kPrhE18ZBDq5MtF-gC62yvnv7Y83xBralyyqaMrggiDZWB2mBCj-uozHLXo/s1600/ayudadeblogger+rss.PNG" /></a>  <font face="verdana"><p><b>Recibe mis actualizaciones en tu correo</b> </p></font>  <div class="R91481-WG-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=SoyJuanchorroy" class="R91481-WG-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=SoyJuanchorroy', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="SoyJuanchorroy" />  <input name="loc" type="hidden" value="es_ES" /><input class="R91481-WG-email-field" name="email" autocomplete="off" placeholder=" Ingrese su E-Mail "/>  <input class="R91481-WG-email-button" title="" type="submit" value="Suscribete ahora" /></form>  </div><a href='http://soyjuanchorroy.blogspot.com.co//'></a></div></div>

AHORA LO MAS IMPORTANTE: Debes reemplazar la parte azúl donde dice: URL DE FACEBOOK por la url de tu cuenta de facebook y lo mismo haces con los demás.

En las tres partes que está escrita con rojo y dice: SoyJuanchorroy debes borrar  eso y poner tu nombre de feedburner.

Una vez tengas todo listo le das guardar.

Si quieres ver cómo lo hago entonces aquí te dejo el vídeo con un ejemplo más claro de los pasos:

                                           VER VÍDEO.