Caja de suscripción de Feedburner tipo caja de búsqueda

1 de julio de 2009 147 comentarios ,
Hace unas semanas vimos cómo personalizar la caja de suscripción por mail de Feedburner, ahí lo que hicimos fue alterar la apariencia con colores de fondo. Pero se me ocurrió que podría verse mejor con la forma de una caja de búsqueda, de modo que ocupe poco espacio y llame la atención, así que hice una plantilla para que quede así:


Primero debes activar este servicio en Feedburner, sino sabes cómo lee este post.

Luego en Diseño > Edición de HTML y antes de ]]></b:skin> pega lo siguiente:
/*----------------RSS BOX----------------*/
#rssbox {
margin: 10px 0 10px 0;
height:28px;
padding:10px;
width:200px;
float:center;
background: url(http://lh3.ggpht.com/_qgZA1ny_dAs/SlgcWFgi5mI/AAAAAAAAB94/Oi8E60Gm36s/rss-caja.png) 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%;
}
Ahora en un elemento HTML/Javascript pega esto:
<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=CiudadBlogger', '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="CiudadBlogger" /><input name="loc" type="hidden" value="es_ES" /><input id="rssboxsubmit" type="submit" value="Suscribir" /></form>
</div>
Ya sólo cambia lo que está en rojo por el nombre de tu feed, en mi caso es CiudadBlogger. Sino sabes cuál es, haz click en Editar detalles del feed y copia la última palabra de Feed Adress.
feedburner adress
Si ves que el botón que dice Suscribir no está centrado entonces cambia donde dice 55px por otro valor (está abajo de #rssboxsubmit) si lo quieres más a la derecha pon un valor más alto, y si lo quieres más a la izquierda entonces pon un valor más bajo.

Como sé que quizá no a todos les guste el color naranja de la caja hice otras de distintos colores para que escojas el que más les guste. Sólo haz click derecho sobre la imagen para copiar la dirección de la imagen y cambia la URL que está en color verde dentro del primer código.



147 comentarios en:

" Caja de suscripción de Feedburner tipo caja de búsqueda "

  1. es si llama la atencio lo pondre ahora mismo en mi blog,
    tendras algun post donde expliques como poner para que cuando alguien busque en el archivero de mi blog salgan solo los titulos de mis entradas, en vez de todas las entradas con todo y el texto completo,
    o lo publicaras muy pronto

    ResponderEliminar
  2. Hola el venado,
    En estos días subo el post con la explicación.
    Saludos.

    ResponderEliminar
  3. Muy buena potro de verdad esta cvr...;)

    ResponderEliminar
  4. potro....una pregunta:

    tu como haces para sacar el url a una imagen?????????

    es que yo lo hago con una web pero esa web ya no funciona por favor ayudame¡¡¡¡¡¡¡hablamos...

    ResponderEliminar
  5. Wow...excelente!!!! Ya mismo lo agrego!!!

    Un abrazo!!!!

    ResponderEliminar
  6. Hola HP muggle,
    No sé bien a qué te refieres, si lo que quieres es un servidor para alojar tus imágenes, te recomiendo leas este post, con ese programa podrás subir todo tipo de archivos, igual ahí explico cómo obtener las URL de los archivos.
    O bien, si ya tienes una imagen en la red, sólo dale con el botón derecho a la imagen y selecciona Copiar la ruta de la imagen.

    Saludos
    P.D. ¿Qué significa cvr?

    ResponderEliminar
  7. Vale brother, si necesitas una de otro color me dices para hacerla.
    Un abrazo.

    ResponderEliminar
  8. Pues lo agregué y no me salió...
    Modifiké mi plantilla y copié el resto con mi feed y no me funciona.
    http://leninxd.blogspot.com

    ResponderEliminar
  9. Hola BEYOND,
    Perdón, pero no sé por qué las URL de las imágenes no funcionan bien.
    Cambia la URL de la imagen por esta: http://img406.imageshack.us/img406/5323/rssboxgreen.png
    Con eso ya debe aparecer, ahora mismo cambio todas las imágenes para que ya no tengas ningún problema.
    Saludos.

    ResponderEliminar
  10. hola potro, me parece muy buena tu idea, ya que llama mucho la atención, ahora mismo lo pondre en my blog.

    ResponderEliminar
  11. Hola EDUARDO,
    La verdad es que a mí me gusta mucho cómo se ve, y qué bueno que igual a ti te haya gustado.
    Saludos.

    ResponderEliminar
  12. te sacaste un 10 con este gadget!!!
    que buenisimo que esta

    ResponderEliminar
  13. Gracias +++,
    Espero y te sea útil.
    Saludos.

    ResponderEliminar
  14. esto está increible potro, creo que tu idea la implementaremos muchos en el blog
    mil gracias por este blog

    ResponderEliminar
  15. Hola Anónimo,
    Gracias a ti por tu visita.
    Saludos.

    ResponderEliminar
  16. Hola Potro:
    Muy buen detalle. Como siempre agradecido con tus aportes que, sin duda, han creado un cierto de agrado y acertividad hacia tu blog.

    Ya puse la caja de suscripción!. Aunque modifique el tamaño para las características del mi blog. Quedó "La raja" y "funcionando" OK.

    Pasa a verlo (si quieres te haces "Seguidor", serías el segundo... Jajaja!).

    http:musicajpz.blogspot.com

    El blog está un poco "Sin brillo", debido a que estoy "restaurandolo".

    Nuevamente gracias.
    Saludos.
    Jpz.-

    ResponderEliminar
  17. Hola Jpz,
    Muchas gracias por tus comentarios. La verdad es que este blog está hecho para ustedes y sin comentarios como el tuyo no valdría la pena hacerlo.

    Ya pasé por tu nuevo blog y se ve muy bien, esos colores me gustan mucho, y la caja de suscripción resalta bastante. Veo que las letras dentro de la caja quedaron un poco grandes cuando cambiaste el tamaño. Si quieres hacerlas más chicas modifica donde dice font-size en el primer código:
    .rssbox {
    color: #ccc;
    font-size: 100%;
    }

    Puedes ponerlo a 95% o a la medida que veas que queda mejor.

    Saludos.

    ResponderEliminar
  18. Si quisiera cambiar el botón que dice "Suscribir", por otro que tengo alojado en un servidor... ¿Como se hace?.

    Modifique lo siguiente En:
    #rssboxsubmit {
    background:url(http://OTRO BOTON.png) no-repeat;

    Si bién lo muestra, obviamente, como background, aún continúa el predeterminado de tu ejemplo.

    ¿Hay que modificar algo en el código del gadget?.
    ¿Como?.

    Saludos Potro.
    Jpz.-

    ResponderEliminar
  19. Hola Jpz,
    No sé qué imagen hayas puesto, pero quizá sólo se muestra un poco debido a que la imagen del botón que pusiste es más pequeña.
    En lugar de no-repeat, déjalo en repeat y dime si con eso se arregla.
    Saludos.

    ResponderEliminar
  20. Muy bueno yo acabo de ponerlo.
    Tengo una consulta, cual es el codigo para centrarlo?
    Porque al tratar de centrarlo se me centra el espacio que se pone el e/mail.



    saludos!

    ResponderEliminar
  21. Hola Mathias,
    En el elemento HTML pon esto:

    <center><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" target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Videos-Feed', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
    <input onfocus="if(this.value=='Ingresa tu correo...')this.value=''" style="height: 14px; margin-left: 12px; margin-top: 0px; width: 135px;" class="rssbox" value="Ingresa tu correo..." name="email" type="text/"/>
    <input value="Videos-Feed" name="uri" type="hidden"/><input value="es_ES" name="loc" type="hidden"/><input id="rssboxsubmit" value="Suscribir" type="submit"/></form>
    </div></center>

    Ya está listo con el nombre de tu feed, sólo cambia en el código CSS la alineación del botón de Suscribir como explico en el post.
    Saludos.

    ResponderEliminar
  22. Gracias Potro ahora si me quedo centrado todo :)

    ResponderEliminar
  23. Potro:
    Tengo 2 consultas sobre este post.

    Como ya modifique el tamaño (de la caja) acorde a una proporción para mi blog (esa donde uno ingresa el correo):

    1.- Baje de altura, en el gadget, que en tu ejemplo (height: 14px) a 9px.
    Se ve acorde a una proporción aceptable.
    Lo malo es que queda el texto (Ingresa tu correo) demasiado pegado al borde inferior, y se ve horrible.
    ¿Que modifico para que el texto figure en el centro de la caja?

    2.- El background de la caja no queda centrado en la sidebar. Si te fijas queda cargada a la izquierda. Aunque en el código (#rssbox) está "float: center".
    ¿Cómo lo centro?

    Saludos Potro.
    Gracias,
    Jpz.-

    ResponderEliminar
  24. Hola Jpz,

    1. La altura que bajaste a 9px cámbialo a 10px, luego en el código de CSS busca esta parte:
    .rssbox {
    Y baja a 70% el tamaño de la letra.

    2. Si quieres alinear más a la derecha la caja, busca en el código de CSS esta parte:
    #rssbox {
    margin: 0px 0 25px 0px;
    Y cambia el último valor por 5px

    Saludos.

    ResponderEliminar
  25. Hola Potro.
    Todo bien guiándome por tus comentarios.
    Ahora quiero saber si me puedes ayudar.
    Diseñé una caja más "tradicional" y, como ya sabes, que no es mi "fuerte" el diseño, quedó algo aceptable. Lo malo que en colores no "pega ni junta" con el diseño del blog.
    Sin abusar de tu disposición, me encantaría que diseñaras una como la del ejemplo en mi blog de pruebas pero con el valor agregado del Potro.
    Claro que dependiendo de tu tiempo.
    Cualquier cosa me avisas.
    El blog de pruebas es:
    http://jpzprueba.blogspot.com

    Saludos y gracias.
    Jpz.-

    ResponderEliminar
  26. Las medidas son 320x120.
    Saludos.
    Jpz.-

    ResponderEliminar
  27. Hola Jpz,

    No sé si le haya atinado a lo que estabas buscando. Aquí está tu pedido. Ya sólo cambia en los códigos las distancias para que concuerde.
    Cuando la descargues me avisas para eliminarla del servidor.
    Espero sea de tu agrado.

    Saludos.

    ResponderEliminar
  28. Grande Potro!!!
    Excelente!

    Que manera de acertar en todo Potro!.

    Gracias a tí, mi blog tiene diseño y características acordes a lo que buscaba.
    Sin duda me he convertido en "adicto" a Ciudad Blogger y hace honor a su Slogan "Trucos y tutoriales para tu blog".
    Mil gracias Potro. Y disculpa por ser un poco "abusador" de tu tiempo.

    Pasa a ver tu obra:
    http://musicajpz.blogspot.com

    Atento a tus comentarios,
    Saludos cordiales.
    Jpz.-

    ResponderEliminar
  29. Hola Jpz,
    Qué bueno que te gustó el diseño, no estaba seguro si era algo así lo que estabas buscando.
    No es ningún abuso, sabes que en lo que pueda ayudarte lo haré con gusto. Además de que me complace que visites este blog seguido.

    Saludos.

    ResponderEliminar
  30. Tengo una consulta:

    Me he dado cuenta que en diferentes equipos (PC) y exploradores (Internet Explorer, Mozilla), mi cajon de suscripción se muestra de diferente manera.
    Por ejemplo: si con Internet Explorer se ve bien, con mozilla se aprecia mal, y viceversa...
    Me ha traído mas de un "dolor de cabeza". no entiendo que sucede.
    Ya no sé cómo "cuadrarlo".

    ¿Cómo lo ves en este momento?
    ¿Cuadrado (cajón) respecto a la imagen?...
    Pasa a verlo: http://musicajpz.blogspot.com

    Realmente no entiendo.
    Si tienes algún comentario al respecto, te lo agradecería.
    Saludos.
    Jpz.-

    ResponderEliminar
  31. Hola Jpz,

    Todos padecemos el mismo problema. Lamentablemente todos los navegadores se comportan de forma distinta debido a que cada uno usa un código distinto.
    Como no se puede complacer a todos los navegadores lo más recomendable es que si usas Google Analytics veas el reporte a detalle para saber cuál es el navegador que usa la mayoría de tus visitas y configurar tu blog a modo de que se visualice mejor en ese navegador.

    En mi caso uso Google Chrome, pero el blog está optimizado para Mozilla ya que la mayoría de mis visitas usan ese navegador.

    Es un dolor de cabeza para todos pero en la mayoría de los casos no hay más que se pueda hacer.

    Saludos.

    ResponderEliminar
  32. Gracias Potro.
    Hay que asumir las diferencias.

    Ya adapté el cajón para Mozilla y Google Chrome.

    Serías amable de diseñar algo para mi sidebar que indique "Este blog se ve mejor con Google Chrome" (Algo como el tuyo, pero con colores para el mio. Con opción de descarga).
    320x La altura que estimes conveniente.
    Puedes?
    Saludos.
    Jpz.-

    ResponderEliminar
  33. Hola Jpz,

    Aquí está la imagen, sólo avísame cuando la hayas descargado para eliminarla de mi servidor.
    El código lo pondrías en un HTML/Javascript y sería este:

    <a href="http://www.google.com/chrome/index.html?brand=CHMY&utm_source=en-et-yt-hp&utm_medium=et&utm_campaign=en&hl=es"><img src"URL de la imagen" /></a>

    Saludos.

    ResponderEliminar
  34. Ya está!.
    Gracias Potro.

    Saludos Cordiales.
    Jpz.-

    ResponderEliminar
  35. Podrías modificar la altura a 60px?

    Saludos.
    Jpz.-

    ResponderEliminar
  36. Listo, está en la misma dirección.
    Saludos.

    ResponderEliminar
  37. Gracias Potro.
    Estoy OK.
    Puedes Borrar.

    Saludos.
    Jpz.-

    ResponderEliminar
  38. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  39. Excelente aporte... soy nuevo en esto y es un tema que no se encuentra fácil y mucho menos tan bien explicado.

    Traté de personalizar una para mi blog y pude hacer una parte (solo gracias a tu ayuda), espero terminarla pronto; si quieres ver el resultado en http://descargarenespanol.blogspot.com

    P.D. Por supuesto suscrito por correo a Ciudad Blogger y pronto te enlazaré.

    ResponderEliminar
  40. Hola By Camus,

    Esta es una herramienta muy útil para atraer más lectores, ojalá tengas el resultado esperado.

    Saludos y bienvenido!

    ResponderEliminar
  41. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  42. Te cuento que no pude realizar el diseño que esperaba porque he tenido problemas con las medidas de la imagen, la ubicación, el tamaño y más...

    Lo que quiero es hacer algo como lo que se ve en esta imagen pero no he podido:
    http://lh5.ggpht.com/_8bAN7hxFmEk/SwsJ7nHDC5I/AAAAAAAAAoo/NNjM14vUiI4/s144/a.png.jpg
    Y quiero dejarlo en mi blog: http://descargarenespanol.blogspot.com
    (actualmente está el diseño que publicaste aquí pero quiero cambiarlo)
    Sabes como puedo hacerlo?
    Perdón por tanta molestía...

    Muchas gracias

    ResponderEliminar
  43. Hola By Camus,

    Tendrías que editar la imagen para hacer una sola y luego jugar con los márgenes hasta que quede todo en su ubicación. Puede ser un poco pesado pero siempre que se quieren resultados personalizados es así.

    Saludos.

    ResponderEliminar
  44. Hola potro que tal como estas, la verdad que tu web esta muy chida y muy bien echa y de verdad que me gusto este post pero quisiera pedirte unos de estos codigos de color: #88bb22 | #669922 | #96c73d no se si puedas, por favor muchas gracias te lo agradesco aunque no se pueda cuidate amigo que estes bien

    ResponderEliminar
  45. Hola hd-novato,

    Ahora ando muy corto de tiempo, siento no poder ayudarte.
    Saludos.

    ResponderEliminar
  46. Ok de igual manera muchas gracias ya lo hice yo mismo aunque no cambie el color de la imagen pero pues tuve que configurar la mitad del codigo que posteaste si hice mis experimentos con los codigos y ya por fin lo logre aunqueme tomo como 2 hrs Gracias amigo aun asi sirves de mucha ayuda por los post y das ideas nuevas sigue asi

    ResponderEliminar
  47. y cambie el botom ese que dise "suscribir" por otro como el de tipo "buscar" es que ese boton que esta en el post esta muy feo, muy cuadrado jeje y mejor se lo cambie oie aunque cuando tengas tiempo no se si puedas poner un post donde expliques como poner 2 colores de fondo diferentes en los comentario, me explico:
    Por ejemplo, cuando un usuario deje un comentario tenga un color de fondo digamos que verde, y al siguiente usuario que escriba un comentario tenga un color de fondo blanco y asi sucesivamente, osea que los colores se vayan turnando. Esto hace que un blog sea un poco mas elegante y tenga un mejor diseño

    Muchas Gracias...

    ResponderEliminar
  48. Hola hd-novato,

    Me alegro que hayas podido personalizarlo, a veces se invierte algo de tiempo y esfuerzo pero al final la satisfacción es mayor.
    En estos días publico lo que mencionas de los comentarios.

    Saludos!

    ResponderEliminar
  49. hola potro aqui nuevamente molestandote espero q no me banees por pregunton tus codigos me van de lujo y este codigo tambien pero quiera saber si se puede modificar donde dise Ingresa tu correo... cuando le den click se desaparesca para que no esten BORRANDOLO aver si me ayudas gracias

    100% CIUDADBLOGGER ^^

    SALUDOS!

    ResponderEliminar
  50. No sé qué navegador uses porque en sí ya tiene el comando para que al darle click se borren las letras de "Ingresa tu correo..."
    Revísalo con otro navegador, ya tiene el comando.
    Saludos.

    ResponderEliminar
  51. No recordaba esta entrada, te he 'robado' una de las imágenes...veré como queda y te cuento :D
    Gracias y saludos!!!

    ResponderEliminar
  52. Toma todas las que quieras que para eso están ;)

    ResponderEliminar
  53. Ahhh no sabes como quedó, al gris le bajé dos tonos -me parecía oscuro- estoy rechocha!!! jajaja recontenta.

    Muchas gracias y besos!!!

    ResponderEliminar
  54. Tienes un excelente gusto, combina muy bien con tu plantilla ;)

    Besos!

    ResponderEliminar
  55. Holaa:
    tengo una dudilla... He echo todo como lo has puesto y resulta que cambio la imagen (del boton) por una que he echo yo y no se me ve....y el caso es q tengo un blog d prueba donde fozo un poco antes de poner cosas en el otra y ahi si se me ve.....¿de que puede ser?porque la verdad es que no lo entiendo....

    ResponderEliminar
  56. Hola Ani,

    Necesitaría ver el código en tu plantilla, ahora veo uno pero no tiene la URL del botón, sólo del contenedor.
    Aunque si se ve perfecto en tu blog de pruebas supongo que el problema tendría que ver un poco con los estilos de tu plantilla.

    Saludos.

    ResponderEliminar
  57. hola tengo un blog x-portables.blogspot.com solo hay algo que qusiera saber como puedo cambiar el color del texto de la caja es que el color gris como que no se nota
    espero puedas ayudarme gracias.

    ResponderEliminar
  58. En el primer código busca la última parte que dice:

    .rssbox {
    color: #ccc;
    font-size: 100%;
    }

    Eso que está en negrita es el color, cámbialo por el código del color que deseas.

    ResponderEliminar
  59. gracias ya lo arregle, de veras muchas gracias

    ResponderEliminar
  60. Potro una pregunta,
    Que enlace debo de poner para la confirmación de la suscripción por correo al feed. Al suscribirme al tuyo he visto que es un código personalizado pero no se cual es el mio o donde obtenerlo.
    Un saludo

    ResponderEliminar
  61. Entra a tu cuenta de Feedburner, luego en Publicize > Suscripciones por Email > Communication Preferences y en Cuerpo del email de confirmación agrega el texto que deseas mostrar en el mail de confirmación, sólo no borres esto:

    ${confirmlink}

    Eso es lo que hará que se muestre el link de confirmación.

    ResponderEliminar
  62. Buenas Potro!!

    He puesto este truquillo en mi blog, me parece muy práctico, pero quiero personalizarlo para que quede acorde al diseño. Como verás, le he quitado la imagen que tú hiciste, porque mi intención es hacerlo un pelín más discreto. Lo que quiero es ponerle el símbolo de RSS en pequeño justo a la izquierda de la caja, además de alargar la propia caja (el doble de largo) y ponerle el botón de suscribir a la derecha de la caja (no debajo, como está ahora). ¿Cómo hago todo eso?

    Un saludo,

    y gracias una vez más!

    ResponderEliminar
  63. Pues lo más sencillo será que edites la imagen y conserves las proporciones tanto de la imagen como del recuadro interior, de esta forma no te afectará con el orden de los elementos.

    Saludos.

    ResponderEliminar
  64. Pásate por mi blog para ver cómo ha quedado, porque la verdad es que lo que buscaba era algo muy sencillo... De todas formas, querría hacer la caja un pelín más grande, así como poner el botón de Suscribir al lado, no debajo. ¿Se puede hacer?

    http://www.miguelnayaphotography.com/p/follow-me.html

    ResponderEliminar
  65. Debajo de #rssbox está un width de 200px cambialo por otro valor más grande como 350px, luego dentro de #rssboxsubmit está: margin: 14px 20px 10px 55px; cambia ese 55px por 5px

    Ahora dentro del segundo código busca donde dice width: 135px; ese es el ancho del rectángulo donde se escribe, pon otro valor más grande para que se alargue.

    ResponderEliminar
  66. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  67. Gracias Potro. Finalmente dejo el botón de suscribir abajo, en linea con la caja de escritura, que así se ve mejor, o me lo parece a mí.

    Quiero agradecerte muy mucho toda la ayuda prestada, ya que sin ti no hubiese sido posible el desarrollo de mi página. Seguiré pendiente de que novedades nos traes para mejorar día a día.

    Te invito a que te pases por mi página de vez en cuando, así como a suscribirte si lo deseas ;D ya que es una obra tuya.

    ¡¡Un saludo amigo!!

    ResponderEliminar
  68. Nada qué agradecer, qué bueno que tu blog está quedando como deseabas ;)

    ¡Saludos!

    ResponderEliminar
  69. Oye potro me podrias ayudar, ya puse el codigo y me sale la caja para poner el correo pero la imagen no aparece :(

    Mi blog

    ResponderEliminar
  70. Desconozco qué pueda ser, yo lo he probado ahora en la misma plantilla que usas y ha salido sin ningún problema :\

    ResponderEliminar
  71. ok potro, mejor le puse el anuncio flotante de suscripción, muchas gracias

    Un saludo

    ResponderEliminar
  72. MUchas gracias, lo he instalado..pero la opcion de incrementar los px para centrar la imagen no me funcionó.

    Igual me sirvió.

    mil gracias
    http://hablamientosypensadurias.blogspot.com/

    ResponderEliminar
  73. Puedes probar encerrando el último código entre:
    <div style="margin-left:80px;">
    y
    </div>

    ResponderEliminar
  74. Hola Potro!!..te cuento que sigo tus trucos y me han ayudado mucho para ir complementando mi blog, gracias por toda la información!!...

    Estoy tratando de incorporar la suscripción por mail, pero cuando sigo tus instrucciones no empata la imagen con el html, trato de descubir que podría ser, pero no doy con el error, ayudame por fa, tengo el boton al final...un abrazo y de nuevo gracias!!! :)

    Mi blog: http://www.blogdiabeticotipo1.blogspot.com

    ResponderEliminar
  75. Lo que sucede es que la plantilla que usas tiene estilos que interfieres con los estilos de este gadget y que seguro interferirán con otros gadgets.

    Puedes solucionarlo eliminando esta parte de tu plantilla:


    form {
    margin:10px 20px;
    padding:15px 25px 25px;
    border:1px solid #F0F0F0;
    background:#F8F8F8;
    }

    form p {
    border-bottom:1px solid #E6E6E6;
    padding:12px 0 5px;
    margin:0;
    color:#666;
    }

    label {
    font-weight:700;
    color:#666;
    }

    input,select,textarea {
    margin:5px 0;
    padding:5px;
    color:#6A6969;
    border-width:1px;
    border-style:solid;
    border-color:#D4D4D4 #EBEBEB #EBEBEB #D4D4D4;
    font:11px 'Lucida Grande', Verdana, Helvetica, sans-serif;
    }

    input:focus,select:focus,textarea:focus {
    color:#7BA857;
    background:#EFFAE6;
    }

    #name,#email,#message,#website {
    width:380px;
    }

    input.button {
    font:bold 12px Arial, Sans-serif;
    height:30px;
    margin:0;
    padding:2px 3px;
    color:#FFF;
    background:#B4DB6F;
    border-width:1px;
    border-style:solid;
    border-color:#B6DE8F #91BD37 #91BD37 #B6DE8F;
    }

    ResponderEliminar
  76. Hola!!! encontré tu blog por google., ya puse mi caja y se ve "re bonita"! :P
    Gracias por el truco! :D

    ResponderEliminar
  77. Bienvenida a Ciudad Blogger Celita0172, sí que te ha quedado linda la caja :)

    ResponderEliminar
  78. Gracias Potro!!!!!....incluí de otra manera este, junto con el de rss y otros...igual estaré por aquí siguiendo tus trucos!!!, mil gracias...eliminaré lo que me dices a ver como me va!! un saludo!!! :)

    ResponderEliminar
  79. Vale, mucha suerte y éxito con tu blog :)

    ResponderEliminar
  80. Gracias por la ayuda! de nuevo me sirven mucho tus post!

    ResponderEliminar
  81. Hola, Potro!

    Intento encontrar en la plantilla de html la linea que comentas para poder introducir la caja de suscripción pero no la encuentro.

    Me puedes ayudar.

    Gracias

    ResponderEliminar
  82. Hola, Potro de nuevo!

    Ya lo he encontrado.

    Bego

    ResponderEliminar
  83. Hola!

    No me sale la caja, lo puedes mirar.

    Mi blog es http://alimentacionholistica.blogspot.com

    Gracias

    ResponderEliminar
  84. Hola!

    Ya conseguí que saliera al caja, pero quiasiera canviar el color por uno de tono azul, como lo hago.

    Mil gracias.

    Bego

    ResponderEliminar
  85. Al final de la entrada he puesto imágenes para cambiar el color, solo guarda la imagen de la caja azul en tu equipo y subela a la red para obtener su URL. Luego en la parte del código que he puesto en color verde cambia esa URL por la de la imagen que subiste previamente.

    Saludos.

    ResponderEliminar
  86. Q tal El Potro?

    Me he fijado recientemente de algo que pasa con mi feed. Al llegar la info de la nueva entrada al correo de mis suscriptores el nombre del asunto es siempre el mismo, el título de mi blog: RocksNRulesTV | Televisión de Rock y Metal Online

    ¿Cómo hago para que el nombre del asunto sea el título de la entrada correspondiente?

    Entré a la página de feedburner pero no ví ninguna opción.

    http://rocksnrulestv.blogspot.com

    ResponderEliminar
  87. El asunto siempre es el título del blog, esto es para que los suscriptores sepan de qué se trata cuando les llegue el correo. No es algo que se pueda cambiar.

    ResponderEliminar
  88. potro lo ise todo bien pero cuando kiero hacer la prueba para suscribirme me sale esto The feed does not have subscriptions by email enabled. por fa ayudame...

    ResponderEliminar
  89. Necesitas activar las suscripciones por email. Entra a tu cuenta de Feedburner, luego en Publicize > Suscripciones por Email y hasta abajo hay un botón para habilitar ese servicio.

    ResponderEliminar
  90. Hola Potro,

    Por aqui Giancarlo, como vas???. Hermano coloque todo en el blog pero esta descuadrado la caja donde las personas dejan el correo. Adicionalmente no me sale el texto que dice ingresa tu correo :/ no se que paso. Si me puedes ayudar arreglar esto por favor???

    Por otro lado queria preguntarte si sabes como hago para que no me quede todo tan pegado, es decir, los textos que tengo arriba y los que estan abajo de la caja???

    Gracias hermano

    ResponderEliminar
  91. Hola Potro de nuevo yo,

    No habia probado el boton, pero no funciona, ingrese mi correo y no hace nada :/ ¿Qué sera eso ahora?

    Gracias Hermano

    ResponderEliminar
  92. Nuevamente es por los estilos de la plantilla, pero se puede solucionar.
    Para que el área donde se ingresa el correo esté centrado busca en el código la parte que dice margin-left: 34px; y cambia ese 34px por un valor más pequeño, por ejemplo 20px
    El texto de ingresa tu correo yo lo veo perfectamente, pero ten en cuenta que sólo aparece una vez, ya después que hayas escrito algo ahí no aparecerá.
    Igual probé si funcionaba y está trabajando perfectamente.

    Para que no se encime con lo de abajo prueba agregando debajo del código de la caja esto:
    <br /><br /><br />

    Saludos.

    ResponderEliminar
  93. Listo Hermano, no me quedo a la perfección pero ya esta centrado, GRACIAS, lo puedes ver aqui: http://sexyquisqueya.blogspot.com/

    Seguiremos informando ;)

    ResponderEliminar
  94. Hola Potro,

    De nuevo Giancarlo, espero que hayas tenido chance de leer el mail que te mande con respecto a un comentario (para que no me lo respondas). Ahora bien te escribo por que en el blog me queda un espacio vacio, ya entre a configuracion y puse (6) como numero par.

    No se que pasa con eso (si tal vez me vas a regañar por que es la plantilla) Perdoname... Pero me ayudas con eso???

    Gracias hermano

    ResponderEliminar
  95. Ups, no lo he leído y ya respondí en esa entrada :/
    Es que los correos que no son directos del blog los leo al final.

    Respecto a ese espacio resulta que Blogger adoptó desde hace un año la autopaginación, esto es que de manera automática decide cuántas entradas se mostrarán en la portada sin importar cuántas hayamos configurado.

    Esta es una medida que tomó para reducir el tiempo de carga de los blogs. Ahí no hay nada que se pueda hacer excepto no hacer tan cargado el blog para que se acelere el tiempo de carga y pueda mostrar más entradas, o bien, optar por mostrar menos entradas.

    Saludos.

    ResponderEliminar
  96. Jejeje me lo imagine,

    Bueno eso es lo malo de depender en algunos aspectos (casi todos) de blogger...

    Gracias!

    Un abrazo y Exito!

    ResponderEliminar
  97. Hola Potro,

    Se me ocurre preguntarte lo siguiente: de acuerdo a lo que me estas comentando, pues ninguna de las opciones aplica para mi, pues este blog lleva muchas imagenes, videos etc... ahora bien, en ese espacio de queda alli, no se puede poner una flecha o algo que sea clicleable: algo asi como vea más chicas click aqui???

    :)... como para que no quede ese espacio vacio alli... jejeje

    ResponderEliminar
  98. Ummm no. Lo que sucede es que el área de las entradas es un elemento único, vaya, no es que esté separado entrada por entrada, sino que un sólo código es el que muestra todas las entradas, por lo mismo no se le puede ingresar nada.
    Y bueno, el que lleve muchas imágenes y videos lo hace más pesado, de hecho todas las veces que he entrado a ese blog me tarda un poco para entrar, así que sí hay cuestiones con la rapidez que podrías considerar.

    ResponderEliminar
  99. Hola Potro!! Al fin he podido guardar la plantilla HTML en Blogger. Al ser tan novata, lo último que se me ocurrió pensar es que el problema no era mío, sino del sistema jeje.
    He instalado ya tu caja en mi blog... ME ENCANTA! Lo único es que en la casilla de abajo, la que dice "suscribir" si cambio el texto por uno más largo, se sale del margen. Esto se puede arreglar? Y otra cosa, para cambiar el color rojo, por uno más intenso, también se puede??
    Como siempre, muchísimas gracias por tu paciencia y por compartir tantas cosas con los demás.
    Saludossssssssss

    ResponderEliminar
  100. Hola Mónica,

    He visto que cambiaste el texto pero no veo que se haya salido de margen, supongo que fue momentaneo.
    Lo del color de la caja es una imagen, para cambiarle el color tendrías que editar la imagen para cambiarle el color.

    ¡Saludos!

    ResponderEliminar
  101. Hola de nuevo Potro!!
    Ahhh, es que yo quería poner "recibe las recetas en tu casa" o algo así, y claro, se me salía del margen, así que puse "suscríbete" para salir del paso hasta que pudiera arreglarlo.
    Te puedo hacer otra pregunta??
    He instalado el gadget que muestra las miniaturas de las últimas entradas, pero la última que he puesto no me la muestra. A qué puede ser debido?
    En cuanto a lo del color de la caja, como lo de editar la imagen se me escapa, creo que me quedaré con ella así jajaja.
    Muchísimas gracias y feliz semana!!!

    ResponderEliminar
  102. Hola!!
    Perdona que vuelva a la carga, pero quería comentarte que he estado mirando todas las entradas de mi blog, a ver si encontraba alguna diferencia en las fotografías. El caso es que yo todas las subo igual (a través del editor de entradas de Blogger), y no entiendo por qué unas sí las muestra, y otras no.
    La única diferencia que he encontrado es que las fotografías que SI aparece la miniatura en el gadget, en propiedades, me sale "Hyper Text Transfer Protocol".
    Las imágenes que NO aparecen como miniatura, lo que me sale en propiedades es "Hyper Text Transfer Protocol with Privacy"
    Espero que sirva de ayuda!!!!
    Gracias, un saludo, y perdóname por favor!!!

    ResponderEliminar
  103. Hola Mónica,

    Si es un texto muy largo quizá lo más recomendable es que pongas ese texto en el título del gadget para que no se haga el botón tan largo.

    Sobre el gadget que mencionas la verdad es que nunca lo he probado y no sabría decirte cuál es la razón del porqué no muestra esas imágenes, pero revisando los códigos de tu blog noté que esas dos entradas que no muestra imágenes hay una pequeña diferencia respecto a las que sí las muestra.

    Prueba hacer esto, en el último post publicado tienes así el código de la imagen:

    <div class="separator" style="clear: both; text-align: center;"></div><a href="https://lh6.googleusercontent.com/-TVvNpmw-Kx8/TWpIox60qLI/AAAAAAAAAc8/hddW9VzF9S0/s1600/atun+encebollado.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="480" l6="true" src="https://lh6.googleusercontent.com/-TVvNpmw-Kx8/TWpIox60qLI/AAAAAAAAAc8/hddW9VzF9S0/s640/atun+encebollado.jpg" width="640" /></a>

    Elimina eso que está en negrita. Luego en el penúltimo post publicado la imagen está así:

    <a href="https://lh4.googleusercontent.com/-uS6ZmVgNxSg/TWt2lzj1SEI/AAAAAAAAAdc/k25eVeoqA6M/s1600/risotto+de+esparragos+y+jamon.jpg"></a><a href="https://lh4.googleusercontent.com/-uS6ZmVgNxSg/TWt2lzj1SEI/AAAAAAAAAdc/k25eVeoqA6M/s1600/risotto+de+esparragos+y+jamon.jpg"><img border="0" src="https://lh4.googleusercontent.com/-uS6ZmVgNxSg/TWt2lzj1SEI/AAAAAAAAAdc/k25eVeoqA6M/s640/risotto+de+esparragos+y+jamon.jpg" /></a>

    Igual elimina eso que está en negrita. Quizá eso pueda solucionarlo pero no te lo aseguro pues como te dije jamás he usado ese gadget.

    Saludos y buen inicio de semana!

    ResponderEliminar
  104. Hola Potro!!
    He borrado esta parte del código tal como me comentas, pero nada, aún así no muestra las imágenes.
    Por casualidad, y para terminar de probar con el tema, tú no sabrás cómo cambiar el protocolo?
    Me explico.
    Como te expliqué en el mensaje anterior, si sobre la imagen voy a propiedades de imagen, en todas me sale un mensaje que dice "Hyper Text Transfer Protocol", pero en las 2 que no se visualizan, el mensaje cambia por "Hyper Text Transfer Protocol with Privacy". Yo no tengo ni idea, como es obvio, jeje, pero me da a pensar que todo venga por el "Privacy".
    No te molesto más con este tema, te lo prometo.
    Si no se puede, cambio de gadget y no pasa nada.
    Por cierto, ¿conoces alguno con la misma función?
    Muchísimas gracias Potro, de verdad me ayudas un montón.
    Saludosssssss!!

    ResponderEliminar
  105. Hola Mónica,

    El problema parece ser con la dirección de las imágenes. Te cuento, desde hace unas semanas Blogger está cambiado la URL de las imágenes que se suben, anteriormente las imágenes comenzaban con algo como esto:

    http://3.bp.blogspot.com/

    Pero con el cambio ahora las URLs comienzan algo así:

    https://lh6.googleusercontent.com/

    Justamente esas dos imágenes que no se ven comienzan de esa forma, con la nueva dirección de las imágenes de Blogger. Lo que me hace pensar que ese debe ser el problema.

    Prueba cambiando la imagen del atún (ya le tengo muchas ganas a ese atún) por esta URL:
    http://1.bp.blogspot.com/-TVvNpmw-Kx8/TWpIox60qLI/AAAAAAAAAc8/hddW9VzF9S0/s1600/atun+encebollado.jpg

    Y la del risotto por esta:
    http://1.bp.blogspot.com/-uS6ZmVgNxSg/TWt2lzj1SEI/AAAAAAAAAdc/k25eVeoqA6M/s1600/risotto+de+esparragos+y+jamon.jpg

    Si te fijas en ambas sólo ha cambiado la forma con la que empiezan. Prueba con eso y dime si ha funcionado.

    Si ese fuera el problema entonces habrá que esperar a que Blogger termine de hacer lo que está haciendo con las imágenes para que todo se normalice, pues si la causa es esa entonces cualquier gadget podría darte ese problema.

    Y no te preocupes por mí que no es ninguna molestia ;)
    Saludos.

    ResponderEliminar
  106. Hola Potro!
    He seguido tus instrucciones con la foto del atún, con la otra no lo he probado porque ya he visto que no funcionaba.
    Pero es que creo que no lo he hecho bien. Porque eso de cambiar la URL a la foto, no sabía cómo se hacía, así que he empleado mis pocos recursos para subir la foto. Te cuento lo que he hecho: he abierto tu imagen, he guardado la imagen en una carpeta, y luego he añadido la foto desde la carpeta. No sé si me he explicado bien, pero mucho me temo que no es eso lo que debía hacer, no?
    Mira que te voy a dar trabajo ehhhh, cachisssss.
    Graciasssssssssssssss

    ResponderEliminar
  107. Hagámoslo más fácil, cambia el código de la imagen del atún que tienes por este otro:

    <a href="http://1.bp.blogspot.com/-TVvNpmw-Kx8/TWpIox60qLI/AAAAAAAAAc8/hddW9VzF9S0/s1600/atun+encebollado.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="480" l6="true" src="http://1.bp.blogspot.com/-TVvNpmw-Kx8/TWpIox60qLI/AAAAAAAAAc8/hddW9VzF9S0/s1600/atun+encebollado.jpg" width="640" /></a>

    Y también cambia el código de la imagen de risotto por este otro código:
    <a href="http://1.bp.blogspot.com/-uS6ZmVgNxSg/TWt2lzj1SEI/AAAAAAAAAdc/k25eVeoqA6M/s1600/risotto+de+esparragos+y+jamon.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="480" l6="true" src="http://1.bp.blogspot.com/-uS6ZmVgNxSg/TWt2lzj1SEI/AAAAAAAAAdc/k25eVeoqA6M/s1600/risotto+de+esparragos+y+jamon.jpg" width="640" /></a>

    Saludos!

    ResponderEliminar
  108. Siiiiiiiiiiiiiiiiiii!!!
    Te juro que no tengo ni idea de lo que has hecho, y lo que es peor, no tengo ni idea de cómo lo has hecho, pero... FUNCIONA!!
    Eres un genio, de verdad. Y no te lo digo solamente por haber conseguido que funcione, que yo ya me quito el sombrero, sino por la paciencia infinita que tienes.
    De verdad, no sabes cuánto te lo agradezco.
    A ver el próximo post cómo me va cuando suba la foto. ¿Se verá? ¿No se verá?...
    Muchísimas gracias Potro, para compensar un poquito todo el trabajillo que te estoy dando, desde aquí te ofrezco mi ayuda, si puedo aportarte aunque sea un granito de arena, no dudes en pedírmelo, vale? Eso sí, me tendrás que explicar el paso a paso, jajaja, porque si no.... lo tenemos un poquito mal.
    Bueno, ya te comentaré la próxima entrada qué tal me ha ido, mientras tanto... prueba el atún!!!
    Un beso!

    ResponderEliminar
  109. Pues quién sabe si se vea o no en tus próximas entradas, y es que como te mencionaba el problema está en la nueva dirección que arroja Blogger en los códigos de las imágenes.
    Justo hoy he estado recibiendo muchas quejas relacionadas con el mismo problema que tienes, así que si te ha funcionado entonces en un par de días publicaré una entrada para dar una explicación más amplia para que les sirva a los demás también.

    Gracias por la ayuda ofrecida, por el momento me llevo la receta del atún :)

    ResponderEliminar
  110. Hola!!
    Tan solo quería comentarte que, en principio, parece que todo ha vuelto a la normalidad.
    No he publicado todavía ninguna entrada nueva, pero he hecho alguna prueba y sí funciona.
    Siento las molestias que te he causado con este tema, al final parece que Blogger está travieso.

    Muchísimas gracias, como siempre.
    Saludosssssssss

    ResponderEliminar
  111. No es ninguna molestia, bueno sí pero no por parte tuya sino de Blogger, jaja, cómo nos ha traído de cabeza estos días a todos con este tema.
    Qué bueno que ya se está normalizado todo :)

    ¡Saludos!

    ResponderEliminar
  112. Hola de nuevo, te molesto en esta entrada porque hay algo que no entendí o no se puede...

    Quiero esa cajita de suscripción, pero en forma de gadaget HTML/Javascript para la columna del costado, pero no encuentro en qué parte insertar la imagen, me queda el botón para suscribir, pero la cajita de color no la veo...

    En qué parte del código la inserto???

    ResponderEliminar
  113. No me ha quedado claro el problema, porque de hecho esta caja de suscripción es en un elemento HTML/Javascript y que puedes arrastrar a cualquier parte de la columna. Igual y no te estoy entendiendo :/

    ResponderEliminar
  114. Arriba pusiste dos códigos: uno para la plantilla y otro para los gadgets HTML...

    Mi problema es que yo copio el segundo código, el HTML/Javascript para ingresarlo como gadget, pero no encuentro en qué lugar insertar la imagen del recuadro de color para adornarlo, en mi caso, el de color violeta...

    Quiero poner la caja de suscripción como un gadget, sin tocar la plantilla, quiero saber como puedo adornarla con el recuadro que dejaste arriba de color violeta. No sé dónde va el código para la imagen...

    Espero que me hayas entendido...

    ResponderEliminar
  115. Ambos códigos son necesarios para que el gadget tenga el resultado final, no son dos métodos diferentes. El primer código va en la plantilla porque es el área de los estilos que permitirá que el gadget tenga una imagen de fondo y otras propiedades que harán que se vea bien.

    Ahora, si lo que quieres es no meterle nada en la Edición de HTML lo que puedes hacer es que en el mismo gadget agregues también el primer código pero encerrado entre <style> y </style>

    ResponderEliminar
  116. hola amigaso potro tengo un poblema lo quice colocar en mi plantilla pero no me da los estilo coloque bien todos los cambios pero no me sale la imagen y los estilos
    http://dineroweb-facil.blogspot.com/
    esa es la url del blog

    ResponderEliminar
  117. Hola piola2.0, no veo que tengas puesto el primer código.

    ResponderEliminar
  118. Hola Potro

    En Verdad Me Sorprende Tu Versatilidad, y sobre Todo como hases para contestar tantas preguntas "Eres Muy Eficiente sin Lugar a Dudas"
    Hoy Potro te vuelvo a Molestar Pero Nesecito Centrar la Caja (La Imagen Naranja) ya Busque varias formas Pero no Logro Centrarla solo Puedo Centrar Donde Dice Ingresa Tu Correo y Suscribirte, pero la Caja no mas "NO" Jejeje, Te Dejo Mi Blog Para k lo Revises (Claro si es k no es mucha molestia Amigo) Es El Gadget k esta al Final

    http://planetadepeliculaskriec.blogspot.com/

    Desde Ya Muchas Gracias Potro !!!

    ResponderEliminar
  119. Gracias por tu amable comentario kriec :)
    Puedes modificar el margen de la caja para que se mueva más al centro, para hacerlo sólo busca esta parte:

    #rssbox {
    margin: 10px 0 10px 0;

    Cambia ese último 0 (cero) por 25px o por otro valor hasta que quede a la distancia que deseas.
    Saludos.

    ResponderEliminar
  120. Eres Un Genio Potro !!!!

    Si Huviera Sabido k Tan Rapido lo Hibas a Solucionar desde antes te Hubiera Preguntado jejeje Perdi mas de 1 hora Tratando de Arreglarlo y no pude, Muchisimas Gracias Potro

    ResponderEliminar
  121. No, no, qué bueno que primero lo intentaste, si nadie lo hiciera entonces no acabaría nunca de ayudarles :D

    ResponderEliminar
  122. Hola Potro, este artilugio se ve fino, pero cuando hice unas pruebas con unos de mis correos, me sale este mensaje:
    La alimentación no tiene suscripciones por correo electrónico habilitada

    sin embargo, active el que me ofrece Feed Burner y funciona perfecto.. ver en www.artedigitalmcy.blogspot.com
    gracias

    ResponderEliminar
  123. Hola artedigitalmcy,

    En los textos en color rojo no debe ir toda la URL de tu feed, sino sólo el nombre de tu feed, o sea artedigitalmcy

    ResponderEliminar
  124. Gracias, ahora si, perfecto... saludos.. me avisas cuando te compres la table Pad... jejeje

    PD. te cuento que tengo tu twitter configurado en mi celular así que me llegan todos tus "twitt"
    un abrazo

    ResponderEliminar
  125. Jaja, lo veo mucho muy difícil, pero ni modo, a ver si una Navidad me lo trae Santa Claus :P

    Por cierto, ya hay una cuenta oficial de Twitter de Ciudad Blogger:
    @Ciudad_Blogger

    ¡Abrazos!

    ResponderEliminar
  126. Que bien por la información...

    Buen Post.

    Me sirvió para mi nuevo Blog. http://videosparareirygozar.blogspot.com

    Gracias...

    ResponderEliminar
  127. ooo recien vi sto muchas gracias como siempre x tus aportes
    bye
    cuidat ^-^

    ResponderEliminar
  128. BUSCANDO AYUDA TE HE ENCONTRADO. TENGO UN PROBLEMA QUE NO VEO FORMA DE SOLUCIONAR: TENGO SUSCRIPCIONES A BLOGS (VIA EMAIL)CON FEEDBURNER.
    NUNCA HABIA TENIDO PROBLEMAS, AHORA DE REPENTE, NO RECIBO NADA. HE VUELTO A SUSCRIBIRME A ALGUNO DE LOS QUE TENIA Y ME RESPONDEN QUE ESTOY SUSCRITA.
    EN BLOGS NUEVOS SIGO LOS PASOS PARA SUSCRIBIRME Y TODO VA BIEN. ME DICEN QUE RECIBIRÉ UN CORREO PARA ACTIVARLO (COMO SIEMPRE HE HECHO) Y NUNCA LLEGA EL CORREO.
    NO HAY FORMA DE CONTACTAR CON GOOGLE. NECESITO MIS FEEDS. LLEVO MAS DE 3 MESES SIN RECIBIR NADA. NO SE QUE PUEDE HABER CAMBIADO. QUE TENGO MAL? QUE PUEDO HACER? COMO LO PUEDO SOLUCIONAR? DONDE ME PUEDO DIRIGIR?.... LA AYUDA DE GOOGLE NO ME SIRVE Y ES IMPOSIBLE CONTACTAR CON ELLOS. ES TOTALMENTE IMPERSONAL. ME ENVIARON ESTE MENSAJE: FeedBurner no pudo entregar este alimento a usted debido a la problemática específica se enumeran a continuación:
    Dirección Feed: http://feeds.feedburner.com/ ~ u /
    HTTP Error (Code) y del mensaje: (404) Canal de error que no se encuentran: FeedBurner no puede encontrar este URI de la alimentación.
    TE AGRADECERIA SI ME PUDIERAS ORIENTAR. NO ENTIENDO DEMASIADO.
    MUCHISIMAS GRACIAS

    ResponderEliminar
  129. Hola TESA,

    Habría que ver si tu feed original está funcionando correctamente o es sólo un problema con la configuración de Feedburner.
    ¿Cuál es la dirección de tu blog donde tienes el problema con el feed?

    ResponderEliminar
  130. Hola Potro... Primero quiero felicitarte por tu blog es muy muy bueno!!! y tengo una duda... A el boton de ''suscribir'' ¿Se le puede cambiar el borde... me gustario que el borde sea redondeado... desde ya gracias! :D

    ResponderEliminar
  131. Hola,

    Sí se puede; sólo agrega debajo de #rssboxsubmit { esto:

    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;

    ResponderEliminar
  132. Pregunta, esta caja se puede personalizar? si creo mi imagen con Photoshop, después se la puedo cargar acá? si la hago del tamaño que deseo, entonces, qué valores debo cambiar para que se adapte a la imagen? se entiende? gracias.

    ResponderEliminar
    Respuestas
    1. Sí, sólo debes cambiar la URL de la imagen donde se indica.
      En el primer código verás un ancho y alto, esos debes cambiarlos, también modificar esta parte en el último código:
      width: 135px;

      Eliminar
  133. Hola Potro, intenté poner esta cajita que está genial, la amarilla, hago todo tal y como nos lo decís, pero al mometno de verla en mi blog sólo se ve el recuadrito blanco y el botón para enviar la suscripción y la cajita no se ve. Por qué será eso? Gracias!

    ResponderEliminar
    Respuestas
    1. Hola Tin Cho, no mencionas en cuál blog lo pusiste pero por lo que dices parece ser un error en la colocación del primer código:
      http://ciudadblogger.com/2011/07/errores-comunes-al-poner-los-codigos.html

      Eliminar
    2. Si, perdón me olvidé de dejártelo para que veas como queda, es este:
      http://hogarblogger.blogspot.com.ar/

      Está ubicado arriba a la izquierda, abajo del menú. Acabo de revisar todo, y está todo bien, no borré nada de más, no puedo entender qué pasa para buscar el error. Si pudieras pasarte y mirarlo te agradecería :) Gracias!

      Eliminar
    3. De hecho sí hay una llave de cierre eliminada, aunque no fue al poner este código sino otro más arriba. Justo antes de #botonesflotantes { falta una llave de cierre.

      Eliminar
    4. Noooooooooooooo! Potro! Estuve más de una hora y media revisando mi plantilla HTML! MI DIOS NO LO PUEDO CREER! Cuánto te tomó a vos?1min? jaja, MIL MIL GRACIAS POR TANTO. Tenés razón cuando explicás en el tutorial que me pasaste que los errores suelen estar en nuestras narices y no podemos verlo. De nuevo, gracias por tanta dedicación :) Saludos!

      Eliminar

Los comentarios están siendo moderados y serán publicados una vez que hayan sido revisados por un administrador.
Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

 
Ir Arriba Ir Abajo
I Ciudad Blogger