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:
hola cuando alguien se va a suscribir a mi blog sale este error FeedBurner
ResponderEliminarThe feed does not have subscriptions by email enabled
Hola Anabel, debes mirar bien cuando agregas tus url de las redes sociales, cualquier letra o caracter mal puesto puede afectar la caja.
EliminarHola Juan Chorroy.... sinceramente buenísimo tutorial sobre la caja de suscripción...en todo youtube había buscado algo similar y no he encontrado un tutorial como el tuyo... por eso FELICITACIONES... pero veo que se puede modificar la caja de Feed Burner, entonces si se puede modificar esa caja de feed burner, a tu diseño mismo se podría convertir a un caja de formulario de contacto, agregando una ventana para llenar el nombre del que se va suscribir y otra caja mas grande para que dejen sus comentarios, quizás se podría agregar una imagen de capcha antispam... estaré esperando su respuesta Gracias
ResponderEliminarSr Juan saludos.....orientame que es :Enviar comentarios (Atom)
ResponderEliminarcon el permiso del amigo juan....
Eliminarcomentarios Atom es para el feed que crea la pagina, en la mayoria por no decir todos los sitios eso se borra, el blog crea automatico los feeds para tu utilizarlos en lo que requieres