Imagen en el formulario de comentarios

19 de mayo de 2009 211 comentarios ,
Hace unos días Cyberbloggero nos daba una buena técnica para aumentar los comentarios en tus post y amablemente nos regaló unas imágenes que animen al lector a comentar. Pues bien, ahora explicaré cómo colocar esa imagen en el formulario de comentarios para evitar estarla poniendo en cada post.

  1. Primero asugúrate que el formulario esté al pié de la entrada, para hacer esto ve a Configuración | Comentarios y marca la casilla Entrada incrustada a continuación
  2. Ahora ve a Diseño | Edición de HTML y marca la casilla Expandir plantillas de artilugios.
  3. Busca esta parte del código:
  4. <b:includable id='comment-form' var='post'> <div class='comment-form'> <a name='comment-form'/> <h4 id='comment-post-message'><data:postCommentMsg/></h4> <p><data:blogCommentMessage/></p>
  5. Es probable que la encuentres dos veces, la que nos interesa es la segunda. Sustituye lo que está en color rojo por esto:
  6. <center><img src="URL de la imagen"/></center>
  7. Ya sólo cambia la URL de la imagen por la dirección donde alojaste la foto que elegiste.

El resultado será algo como esto:
Imagen en comentarios
Puedes poner la imagen que quieras, incluso una imagen animada en formato .gif sólo te recomiendo que el tamaño de la imagen no sea muy grande.
Si quieres centrar la foto sólo pon el último código entre estas etiquetas: <center> </center>


211 comentarios en:

" Imagen en el formulario de comentarios "

  1. que chulos van a quedar los comentarios
    estoy por hacer un blog con motivo del proximo dia internacional del orgullo gay pero eso de los codigos no se me da mucho ademas de que me falta creatividad
    podrias ayudarme con los detalles que surjan?
    muchas gracias de antemano

    Frank

    ResponderEliminar
  2. Con mucho gusto Frank, siempre y cuando el blog cumpla con la Política de Contenido de Blogger.
    En cuanto tengas dudas sobre algo manda tus preguntas a este formulario.
    Saludos y suerte con tu nuevo blog.

    ResponderEliminar
  3. Hola bro, excelente este post. Voy a ver si encuentro alguna pic que me con convenza y combine bien con mi blog. Gracias por el link!!!!


    Un abrazo!!

    ResponderEliminar
  4. Gracias a ti por tus comentarios.
    Un abrazo.

    ResponderEliminar
  5. Me funciono!!!!!!!!!!! un millon de gracias de nuevo por este post, me resulto como me lo esperaba, sii son buenos aportes....



    omegagil

    ResponderEliminar
  6. Gracias por tus comentarios Antonio.
    Saludos.

    ResponderEliminar
  7. Hice todo, pero ahora entro para dejar mensaje y no funciona, no da la opcion de escribir, sabes porque?

    ResponderEliminar
  8. Creo que es un error ajeno a esto, volvi a poner la forma antigua, y sigue igual... Si sabes algo dimelo por favor!!!!!!!!

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

    ResponderEliminar
  10. Ya encontre el motivo, pero no la solucion, me ayudas? Donde tildo:
    * Entrada incrustada a continuación.
    Dice lo siguiente:
    El formulario de comentario incrustado no se puede utilizar si está inhabilitado "Publicar páginas".
    Donde hablito "Publicar Paginas"? Buuuuuaaaa!!!!!

    ResponderEliminar
  11. Hola Estrellita,

    Entra a Configuración > Archivo y en donde dice ¿Habilitar páginas de entrada? selecciona .
    Guarda los cambios y listo.

    Saludos.

    ResponderEliminar
  12. No te he entendido pero veo que ya aparecen los comentarios, sólo tienes que cambiar la configuración como se explica en el paso #1

    Saludos.

    ResponderEliminar
  13. En configuracion entre a "archivos" y "comentarios" es donde descubri que se hace el cambio, pero me falla, fijate que en este blog: estrellita.ok.blogs...
    no tengo habiltado "publicar paginas" y me da igual la opcion de "Entrada incrustada a continuación" y en agujita-veloz.blog...
    tengo hecho los pasos y no me permite... Raro, no? que te mando el xml?

    ResponderEliminar
  14. ufaaa, yo lo pruebo aca y nada... En los dos blogs, cuando tildo: "Entrada incrustada a continuación"; se me inhabilita: "publicar paginas" y no me da la opcion de tildarlo c/ corresponde. Pero en estrellita-ok... de todos modos queda como: "Entrada incrustada a continuación", xq cuando pruebo, compruebo que es así; pero en agujita-veloz... Noooo! Pero no importa, gracias por tu gran paciencia y voluntad!

    ResponderEliminar
  15. Hola Estrellita,

    No sé qué esté pasando, de cualquier forma es importante que en todos tus blogs estén como en la opción ¿Habilitar páginas de entrada?, pues de esta forma cada entrada tendrá su propia URL, de no estár en será muy difícil que tus lectores lleguen a tus post desde la web.
    Ya teniendo todos tus blogs con esa opción habilitada no deberías tener problemas para poner el formulario incrustado.

    Saludos.

    ResponderEliminar
  16. Hola Potro, lo pude solucionar, asi que si a otro le sucede lo mismo, la solucion esta aquí:

    http://oloblogger.blogspot.com/2009/01/problemas-con-el-formulario-de.html

    Sucede con las plantillas modificadas.
    Gracias! Muy bueno tu blog!
    Ah, y al que le toque el problema, en vez de sustituir un un codigo por otro, debe hacer lo siguiente: borrar codigo anterior y luego pegar, no sustituir. Porque al sustituir, me creaba otro del " viejo".

    ResponderEliminar
  17. muy buen tutorial gracias El Potro™, me sirvió mucho

    saludos

    ResponderEliminar
  18. Hola Smark,

    Me alegra que te haya sido útil.
    Saludos!

    ResponderEliminar
  19. Hola Potro.
    Otro truco aplicado en mi sitio.
    Gracias por tus siempre acertados tutoriales.
    Saludos.
    Jpz.-

    ResponderEliminar
  20. Gracias a ti por tu visita ;)
    Saludos.

    ResponderEliminar
  21. Hola Potro,

    De nuevo yo con la preguntadera disculpa el fastidio... Una pregunta ya coloque la imagen (si la puedes pasar a ver)...entoces la imagen me quedo como a la izquierda, hay alguna forma de que la pueda centrar...

    Gracias

    ResponderEliminar
  22. Hola Giancarlo,

    No es ningún fastidio.
    Encierra el código de la imagen entre <center> y </center>

    Saludos.

    ResponderEliminar
  23. Hola Potro,

    Muchas Gracias voy hacerlo y te aviso que tal va...

    Exito!!!

    ResponderEliminar
  24. Hola Potro,

    Listo quedo de Fino!!!, gracias fue simple...

    ResponderEliminar
  25. Me alegro que te haya resultado.
    Saludos!

    ResponderEliminar
  26. Holass gracias por enseñarlos tantas cosas... lo de los comentarios esta super, pero a mi me gustaria poner una imagen gif pero no encuentro una que tenga letras que inviten a comentar o algo así por lo que si se puede poner una imagen gif tendria que agregarle el texto a un lado digo si se puede la cuestion es que no se como hacerlo.. entendi todo lo que explicate pero ya para agregarle el mensaje esta en chino.. ayudame por favor..

    ResponderEliminar
  27. Hola gresis,

    Si pones una imagen animada no necesitas poner texto, vaya la animación de las letras o de la imagen está hecha en formato GIF, es así como debes buscarla en la red.
    En Cyberbloggero tienen un pack de imágenes para comentarios, quizá haya alguna animada que te pueda servir.

    Saludos.

    ResponderEliminar
  28. Ajaja...!!! Despues de 1hora intentándolo...por fin me dí cuenta que me faltaba cambiar la configuracion de comentarios!!! WOW!!! Qtal si te dejo mi url http://nynensayos.blogspot.com/ y pasas a ver como me ha quedado; es el blog de prueba! Lo pongo ahora en público para que puedas entrar cuando gustes y despues lo vuelvo a cerrar!!! Gracias anticipadas por la atencion recibida!!!

    *´¨)
    ...¸.•´¸.•*´¨) ¸.•*¨)
    (¸.•´ (¸.Nyn•*

    ResponderEliminar
  29. Qué lindos borreguitos y qué linda la firma que has hecho!!!

    ResponderEliminar
  30. Hola perdon que los moleste, pero no se si eso es valido para cualquier tipo de texto o imagen, ya que yo quiero que despues de que comenten en cualquier entrada de mi blog les despliegue un texto personalisado o una contraseña del archivo .rar ya que quiero ver si con eso se anima a comentar en mi blog.

    Gracias.

    ResponderEliminar
  31. Hay alguna pagina para conseguir las imagenes???

    ResponderEliminar
  32. TROG, sólo se permiten imágenes en formato .jpg .png .gif y .bmp lo que quieres lo veo imposible :(

    Laura, al inicio de la entrada hay un enlace a una entrada que contiene un archivo de descarga de varias imágenes, pero igual puedes buscar en Google. Saludos!

    ResponderEliminar
  33. Hola a todos, ya que estamos hablando de como poder aumentar los coment en el blog no se si alguien sabe como poder ocultar el pass del archivo para que despues de que comenten se pueda ver y ya asi puedan descomprimir el archivo .rar

    ResponderEliminar
  34. Lo siento TROG, pero no es posible,

    ResponderEliminar
  35. Hola Potro,

    De nuevo yo por aquí. En esta oportunidad te escribo para hacerte la siguiente consulta: En mi blog, en la parte comentarios tengo un texto pero no esta ni centrado, ni justificado y se ve feo. La cosa es que ese texto se pone desde el panel de blogger en configuración - cometarios y luego Mensaje del formulario de comentarios, bueno ese texto que tengo alli, lo encerre en lo que me recomiendas en el comentario 26 y no se me centra. ¿Sabras que pasa? no acepta ese codigo me imagino, ¿Pero acepta otro? espero me puedas ayudar con esto y muchas gracias Potro.

    Exito y un Abrazo!!!

    ResponderEliminar
  36. Desde la configuración de Blogger no se puede centrar pues sólo acepta un par de códigos HTML.

    Agrega en tu plantilla esto:

    .comment-form p{
    text-align:center;
    }

    Con eso quedará centrado.
    ¡Saludos!

    ResponderEliminar
  37. Hola Potro,

    jajajaja todavia no soy tan experto en esto... disculpa que te pregunte pero en que parte de la plantilla agrego eso??? jejejeje...

    ResponderEliminar
  38. Hola Potro,

    estoy volviendo a escribir el comentario por que no salio, por si acaso se llega a repetir o duplicar. Hermano todavía no soy tan pro y experto en esto de blogger jajajajaja... me puedes decir donde pego eso que me dijiste en mi plantilla... jejeje no tengo ni idea donde pegarlo...

    ResponderEliminar
  39. Hola Giancarlo,

    Todo lo que son estilos, se reconocen porque tienen al inicio un signo de gato o un punto, esos van antes de la etiqueta ]]></b:skin>

    Disculpa que no lo haya mencionado antes :P
    ¡Saludos!

    ResponderEliminar
  40. Hola Potro,

    Bueno gracias por el dato, todos los días voy aprendiendo más sobre estos temas, aunque debo reconocer publicamente que explicas todo tan detalladamente y perfectamente que unicamente hago todo paso a paso y sale, no me pongo a fijarme en las cosas para aprendermelas... pero lo voy a empezar hacer... jejeje...

    Chamo definitivamente esta semana o mejor dicho esta plantilla no se esta portando muy bien conmigo. Este caso o cangrejo (como le llamo yo) pense que estaba resuelto ya... pero nooooooooo. Bueno en mi blog de oportunidaddetrabajo esta listo y quedo perfecto (lo puedes ver si gustas), peroooooooo aquí: http://cuidadoynutricionparalapiel.blogspot.com/2010/04/crema-de-noche.html mira como se me ve la imagen chamo, lo deje todo igual para que veas. ¿Qué hacemos?

    Gracias Potro.

    Pd: no sabia que solo 3 temas diferentes de diseño en esta plantilla me llevarian tanto trabajo, estoy apunto de quemarla jajajajaja.

    ResponderEliminar
  41. Hay plantillas que dan más trabajo que otras, y otras de plano no hay cómo modificarlas; por alguna razón hay diseñadores que les gusta complicarnos la vida :P

    Para centrar la imagen ahí sí tienes que encerrar el código de la imagen que pusiste entre <center> y </center> y usar una imagen mucho más pequeña para que no se corte, o bien, dentro del código de la imagen cambiar las medidas, por ejemplo quedaría así:

    <center> <img style="width:400px; height:200px;" src="URL de la imagen"/> </center>

    Width es el ancho y height es el alto.

    ¡Saludos!

    ResponderEliminar
  42. Hola Potro,

    Ohhhhhhhhhhhhhhhhhhhhhhh al fin se cierra un cangrejoooooo YESSSSS lo logramos jajaja ahi te dejo para que lo veas como quedo: http://cuidadoynutricionparalapiel.blogspot.com/2010/04/crema-de-noche.html

    GRACIAS hermano

    Sigamos matando los demas cangrejos jejeje

    ResponderEliminar
  43. Me da gusto que ya se haya solucionado ese :)

    ResponderEliminar
  44. Amigo... Por más que intento que en mi blog aparezcan los comentarios incrustados, no aparece, y no sé qué hacer, he seguido todos los pasos cuidadosamente.

    Gracias por tu ayuda.

    ResponderEliminar
  45. Es posible que le falten algunos códigos a tu plantilla.
    Expande los artilugios y busca este código:
    <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

    Sustituyelo por este otro:
    <b:if cond='data:post.embedCommentForm'>
    <b:include data='post' name='comment-form'/>
    <b:else/>
    <b:if cond='data:post.allowComments'>
    <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
    </b:if>

    Verifica si con eso se arregla.
    Saludos.

    ResponderEliminar
  46. Hola!! >__< hice el cambio en la parte de el html...
    pero aun me sigue saliendo esto http://i283.photobucket.com/albums/kk303/KAMAGACO/tuto-2.jpg

    QUE PODRIA HACER?? T_T

    ResponderEliminar
  47. Hola Kama,

    Si seguiste bien los pasos que se explican no debe aparecer nada ahí. El código de la imagen se agrega directo en la plantilla, no en la configuración del blog. Además que, sólo debe incluirse el código de la imagen, sin enlaces, por lo que veo en la imagen que mandaste tienes un enlace de Photobucket.

    Saludos.

    ResponderEliminar
  48. Potro ahbra algun truco para cambiar el estilo de los comentarios a un estilo mejor como de gravitar

    ResponderEliminar
  49. Gravatar sólo es para poner avatares en los comentarios, y esos ya los tiene Blogger.
    No sé qué tengas en mente con el diseño, pero puedes personalizar sólo esto:
    http://oloblogger.blogspot.com/2009/08/blogger-modificar-el-formulario-de.html

    ResponderEliminar
  50. Hola, me refiera algo de trakback algo asi

    http://dl.dropbox.com/u/5834355/coment.PNG

    ResponderEliminar
  51. Únicamente se puede personalizar las opciones que están en el enlace que te di.

    ResponderEliminar
  52. Hola orochimarusama,

    Necesitas expandir los artilugios para poder encontrar el código, en caso de que no lo encuentres igual busca lo más parecido que hayes. Por supuesto recuerda hacer antes un respaldo de tu plantilla.
    Respecto a lo otro, no sé bien a qué te refieres, veo un espacio enorme arriba de la primer entrada pero veo que ahí habías dejado un espacio para poner el gadget s3Slider, si es a ese el que te refieres sólo quita lo que hayas agregado en la entrada donde expliqué ese gadget.

    Saludos y gracias por tus comentarios.

    ResponderEliminar
  53. Men cuando te pregunte en el otro tema no me referia a esto me referia En lo mas bajo de la entrada que dice 0 cometarios se puede cambiar esrte mensaje?

    ResponderEliminar
  54. Expande los artilugios y busca esta parte:

    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
    <h4>
    <b:if cond='data:post.numComments == 1'>
    1 <data:commentLabel/>:
    <b:else/>
    <data:post.numComments/> <data:commentLabelPlural/>:
    </b:if>

    </h4>

    Elimina lo que está en negrita y cámbialo por lo que quieras.

    ResponderEliminar
  55. ???

    Cambio lo que esta en negrita x que cosa solo quiera que diga [b]Comenta[b] pero no se que codigo poner :S ayuda

    ResponderEliminar
  56. Por eso, quita lo que está en negrita y escribe lo que tú quieres que aparezca.

    ResponderEliminar
  57. Me funciono muy bien Potro ojala qeu alguien se anime a comentar.

    ResponderEliminar
  58. Y si no al menos ha quedado más lindo :)

    ResponderEliminar
  59. hola potro primero que nada agradeser,que conpartas tus conosimientos, para tirarte suavemente una consultita jajaja
    se puede canbiar la frase deja aqui tu comentario,por otra.
    saludos baron.

    ResponderEliminar
  60. PD.disculpa lei mejor la entrda,no se si es la ansiedad o el alzaimer que me aqueja jajaja
    saludos baron.

    ResponderEliminar
  61. hola potro podrias desierme en que formato me respetaria la transparensia porque con un fondo blanco me quedo un tanto tosca la imagen yo la e puesto en jpg.
    gracias bro.

    ResponderEliminar
  62. Los formatos de imagen que soportan transparencias son los .PNG y .GIF, este último es más para imágenes animadas pero baja mucho la calidad, es mejor que uses el PNG.

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

    ResponderEliminar
  64. a gracias man, muy bueno. oye me gustaria que vieras mi blog y ver que tal me quedo la imagen, necesito una opinion objetiva.
    http://aficionadosalarte.blogspot.com/
    a y tengo un problema aparte, sabes indexe mis post con mi pagina en facebook, pero no se actualizan asi que tenia que estar eliminando la exportacion y volver a exportar para actualizar, y aunque lo solucione uniendo twitter con face me gustaria que funcionara bien sin la necesidad de twitter por si dejo de usar este ultimo, saludos....

    ResponderEliminar
  65. Facebook tiene muchos problemas para sincronizar las entradas. Mira esta entrada de Oloman que explica cómo hacerlo usando una aplicación de Facebook que funciona muy bien, al menos yo no he tenido problemas con ello:
    http://oloblogger.blogspot.com/2010/05/tus-entradas-en-facebook-rss-graffiti.html

    Saludos!

    ResponderEliminar
  66. Buenas
    Es la segunda vez que comento en este blog y no va a ser para preguntar algo, o por lo menos hasta que no entienda algo de nuevo,si no para decirte que eres un genio!
    Tienes un gran control del HTML.

    Gracias por todo.

    PD: Voy a seguir intentando resaltar los comentarios de autor en mi blog. :)

    ResponderEliminar
  67. Te agradezco enormemente tus comentarios Cul de Sac, me da gusto saber que este blog te está siendo útil.

    Saludos!

    ResponderEliminar
  68. Muchas gracias. ¡Ha quedado genial! A lo mejor deberías editar la primera entrada y poner el truco para centrar la imagen. Yo de atorada casi escribo un comentario hasta que se me ocurrió leer todo y ahí encontré el tip. ¡Saludos!

    ResponderEliminar
  69. Gracias por la sugerencia, ya lo he modificado ;)

    ResponderEliminar
  70. bme tengo leido casi todo tu blog.. y cada entrada me sorprende mas y mas.. eres un crack El Potro... gracias de nuevo por este fantastico trabajo que realizas... =D

    ResponderEliminar
  71. estupendo... otra cosilla mas que me sirvio :D

    ResponderEliminar
  72. REALMENTE ESTOY ENCANTADA CON SU AYUDA, ME HA SERVIDO DE UNA MANERA ESTUPENDA, MIL GRACIAS POR SU AYUDA DESINTERESADA, GRACIAS POR TODO ESTO QUE NOS ACERCAN A TANTA TECNOLOGIA...

    ResponderEliminar
  73. Θdiŋ-k0 te agradezco mucho tu comentario y me da mucho gusto que estes encontrando util la informacion de este sitio :)

    MARIAM-DISEÑOS..., gracias a ti por tu visita!

    ResponderEliminar
  74. Hola, quisiera saber si existe alguna manera de que la imagen salga al azar, he visto lo del header y background random, así que se me ocurrio esto!!

    ResponderEliminar
  75. No sabría decirte si un script funcione en esa área, pero puedes probar poniendo el mismo script que se usa para el header al azar y ver si tienes buenos resultados.

    ResponderEliminar
  76. No hermano fue un fracaso, el script no tiene efecto, ni siquiera sale la primera imagen. Si llegas a enterarte de algo pues me gustaría que me informaras, por mi parte seguiré buscando.........

    ResponderEliminar
  77. Hola, en mi blog sale otro texto:
    a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg

    Al ponerlo no sale nada.

    ResponderEliminar
  78. Si tienes problemas para localizar el código sólo busca lo que está en color rojo, eso es lo único que debes cambiar para poner la imagen. Si lo has puesto en el lugar correcto y sigue sin aparecer entonces podría deberse a que está mal la URL de la imagen.

    ResponderEliminar
  79. El Potro tengo un problema y me tiene muy triste y desconcertado... ya habia hecho tu truquito para poner mi imagen en los comentarios... y me salio estupendamente bien.. es mas estaba encantado.. porque los comentarios aumentaron de una forma exagerada.. como a una media de 1 a 50.. pero cambien mi plantilla para depuararla de codigo de tantos cambios a lo largo de 2 años.. y ahora practicamente todo esta en orden.. pero no me deja ponner la imegen en los comentarios...

    Tambien estube leyendo detenidamente los comentarios de esta entrada.. y vi tu consejo sobre " ¿Habilitar páginas de entrada? " pero esa opcion m,e aparece desactivada.. no me deja cambia la configuracion.. ojala puedas darme alguna solucion .. te lo agradeceria enormemente amigo.
    Salu2.

    ResponderEliminar
  80. disculpa las molestias El Potro.. esto <data:postCommentMsg/ me sali dos veces en mi plantilla.. lo substitui en ambas y ahora si sale la imagen.. espero no haber estropeado otra cosa al cambiarlo en los dos sitios.. :S

    y bueno.. ahora si puede ser me gustaria solo saber como puedo habilitar las paginas de entradas.. gracias nuevamente.

    ResponderEliminar
  81. En Configuración > Archivo está esa opción y no importa que no te deje seleccionarla siempre y cuando esté en 'Sí'.

    Saludos!

    ResponderEliminar
  82. Hola Potro. He puesto en mi blog una imágen y una pequeña frase en el "gadget" de comentarios, pero me gustaría modificar en él algunas cosas.

    ¿Hay alguna posibilidad de que el cuadro de los comentarios sea más ancho?
    ¿la frase que queda debajo de la imágen,puede estar escrita en letra más pequeña?¿Cómo lo hago? Gracias jefe

    ResponderEliminar
  83. Hola samu,

    Claro que se puede. Te dejo un enlace de Oloblogger que explica justamente cómo personalizar esos detalles:
    http://oloblogger.blogspot.com/2009/08/blogger-modificar-el-formulario-de.html

    ¡Saludos!

    ResponderEliminar
  84. Hola de nuevo Potro.

    Resulta que lo he estado probando esta mañana y nada, no hay manera de que el gadget de comentarios se pueda agrandar. Es como si no me hiciera casa ninguno.

    ResponderEliminar
  85. Podría ser la plantilla, honestamente sólo lo he hecho en las plantillas antiguas y ahí sí ha funcionado pero en las nuevas no tengo idea si tenga el mismo efecto.

    ResponderEliminar
  86. Gracias Potr0 Me ked0 de maravilla Sheka mi blog Para ke des Una opinion De su diseñop Se Critico Plz Kiero la opinion de un ProFesional
    ElBLogR21

    Disculpa si ago Spam

    ResponderEliminar
  87. Pues yo no soy un profesional pero a mi gusto te ha quedado todo muy bien :)

    ResponderEliminar
  88. Hola. Yo queria saber si es posible poner una imagen dentro del formulario de comentarios, y otra detras (como para que quede alrededor) ¿sabria usted si es posible?.

    PS: Espero su respuesta!

    ResponderEliminar
  89. Dentro del formulario no, pero alrededor de él sí.
    Te dejo un enlace de Oloblogger que explica cómo hacerlo:
    http://oloblogger.blogspot.com/2009/08/blogger-modificar-el-formulario-de.html

    ResponderEliminar
  90. Muchas gracias! consegui lo que que queria xD.

    ResponderEliminar
  91. Pues así nada más no te puedo decir porque necesito saber si te aparece algún error o algún icono diferente y cuál es la URL de la imagen que estás poniendo.

    ResponderEliminar
  92. Hola Potro!
    Mi consulta es similar a la de Samu
    (Comentarios 92 al 95), solo que mi plantilla sí es una clásica de Blogger. Ya vi el post de Oloblogger y logré modificar exitosamente algunas cositas respecto a los comentarios.
    Pero lo que no logro modificar es el ancho del espacio a lo largo del cual se despliegan los mensajes como los que tú tienes aquí:
    "PUBLICAR UN COMENTARIO EN LA ENTRADA" y "Gracias por tus comentarios. Si tienes una consulta sobre tu blog deja la dirección del mismo"
    Es decir, quisiera que en mi blog esos mensajes se desplegaran llenando más o menos (a lo ancho) un espacio similar al ancho del main o post. Y que a la vez, la alineación del texto del mensaje personal sea centrada (como aqui en tu blog, en el mensaje de letras azules).
    Ah, solo por si sirve de algo, en mi plantilla el ancho del post, columnas y demás se autoajusta, de acuerdo a la ventana.
    Gracias por todo y disculpa tanta preguntadera.
    Saludos!

    ResponderEliminar
  93. Hola Vicky,

    En esa misma entrada de Oloblogger hablan sobre cómo centrar esa área incluyendo el texto que se puede agregar, es la parte donde se menciona el '.comment-form' ¿probaste con ello?
    En cuanto al ancho de ello se ensancha una vez que se ha ensanchado también el cuadro del formulario de los comentarios, eso también lo explican ahí a lo último de la entrada donde hablan acerca del IFRAME.

    ¡Saludos!

    ResponderEliminar
  94. Hola, Potro.
    Es que yo buscaba en la parte de los estilos de la plantilla y no encontraba ningún ".comment-form', sino solo en la parte de artilugios expandidos. En la parte de estilos solo veía cosas como "#comments-block", "#comments h4", "#comments-block dd.comment-footer" y cosas así. Entonces yo probaba y probaba con eso (para ver por si acaso) y nada de nada (ups!).
    Pero, bueno, en el proceso de trastear descubrí más o menos qué es lo que hacía cada una de esas partes, así que me sirvió para aprender algo nuevo.
    Mi problema radicaba en que yo no había entendido que, como no estaba en la plantilla, tenía que AGREGAR como nueva toda esa parte de ".comment-form'. Eso fue lo que hice y me resultó perfeto y pude modificarlo a mi gusto.
    Gracias mil por la aclaración.
    Sabes algo? Ese es uno de los detalles especiales que distingue a Ciudad Blogger de todos los demás blogs de ayuda para bloggeros y que es parte del gran éxito de esta página: es que hay quienes quizás saben mucho sobre el tema, pero no siempre saben explicar sus conocimientos y darse a entender de manera sencilla.
    En cambio tú si te sabes bajar al nivel de los que somos más neófitos en estos asuntos, y así nos presentas la información de manera mucho más fácil y comprensible.
    Cuando visito otras páginas de ayuda para blogs (aunque hay muchas muy buenas) nunca encuentro en ellas toda la sencillez, claridad y cordialidad que todos podemos encontrar aquí contigo, en Ciudad Blogger.
    Muchas gracias y sigue así!

    ResponderEliminar
  95. ANEXO: Ciudad Blogger es mi página de ayuda para bloggueros preferida entre todas.
    ¡Saludos!

    ResponderEliminar
  96. Pues qué te puedo decir Vicky, la verdad es que igual yo he aprendido mucho de varios sitios y aunque cada uno tiene su estilo distinto sé que la gran mayoría comparte el mismo sentido de altruismo.
    Te agradezco enormemente tu siempre amable comentario y me da alegria que te sientas a gusto en este sitio :)

    ¡Saludos!

    ResponderEliminar
  97. Potro muchas gracias! hacia mucho que buscaba esto y me salió a la perfección! gracias.. mira como quedo la imagen:

    http://www.brugalo.com/2011/05/una-mama-inyecta-botox-su-hija-de-8.html

    ResponderEliminar
  98. Te quedó buenísimo, me ha encantado!

    ResponderEliminar
  99. en mi pagina no aparece el codigo para colocar la imagen...que tengo que hacer

    ResponderEliminar
  100. No conozco la plantilla que usas pero prueba buscar sólo el código en color rojo.

    ResponderEliminar
  101. Hola Potro, es la primera vez que comento. Muy desconsiderada por mi parte ya que mi blog está hecho casi entero con tus trucos.
    Mi problema es que tengo la plantilla minima dark tan cambiada en la zona de los comentarios (añadí los comentarios incrustados, los avatares...) no tenía nada de nada, y ahora no veo la forma de poner la imagen para quitar el clasico "publicar un comentario en la entrada"
    dejo la dirección de mi blog por si quieres echar un vistazo http://dark-hunterspain.blogspot.com/ me vendria de perlas una ayudita con esto, a ver si cambiando la apariencia la gente comenta

    ResponderEliminar
  102. Hola Artemisa,

    Qué gusto saber que has utilizado varios de los trucos de este sitio :)
    Entré a tu blog pero veo que sí hay colocada una imagen arriba del formulario de los comentarios, supongo que ya has podido solucionar el problema.

    Saludos.

    ResponderEliminar
  103. pues si, pude solucionarlo pero hoy he tenido que cambiar de plantilla porque intenté estrechar la minima dark de 3 columnas que tenia y no habia manera, he puesto la misma pero mas estrecha para que se pueda ver mejor en diferentes resoluciones.aunque casi acabo tirandome de los pelos porque perdí todo lo relacionado con los comentarios...avatares, el formulario, fecha...

    Los comentarios en los blogs me tienen loca ya sea para ponerlos o para escribirlos, este mismo que hice aqui no lo veia cuando comenté y pensé que no se habia publicado jaja asi que en el comentario de hoy en la entrada del sitemap he puesto que era el primero pero es el segundo y seguro que no el ultimo, todas tus aportaciones son buenisimas..

    Saludos.

    ResponderEliminar
  104. Tienes toda la razón, hace un momento respondí a ese comentario y me quedé pensando... 'me parece que la he visto recientemente' :)

    ¿Sabes qué pasó? Que hace dos días cuando hiciste el comentario por alguna razón éste se fue al área de SPAM, por eso cuando lo publicaste no pudiste verlo. Ese mismo día vi que estaba ahí tu comentario y al quitarlo de esa área de SPAM se pudo ver de inmediato, por eso motivo es que al momento no pudiste ver tu comentario.
    Pero bueno, esperemos que poco a poco todo se vaya arreglando en tu blog, y ya sabes que cualquier cosa por acá ando :)

    ResponderEliminar
  105. Muy bueno el articulo buscare una imagen que me guste, pero el link a ciberblogero esta roto o ya no esta. saludos.

    ResponderEliminar
  106. Es que se cambió a WP. Este es el enlace:
    http://cyberbloggero.com/2009/05/aumenta-los-comentarios-en-tus-post.html

    Saludos :)

    ResponderEliminar
  107. como yo pongo en los comentarios cuando deci comentar como: como yo pongo Nombre/URL y
    Anonimo

    ResponderEliminar
  108. Entra en Configuración > Comentarios, en donde dice 'Persona que puede realizar los comentarios' puedes seleccionar quiénes pueden comentar en el blog. Si quieres que también los anónimos y con URL puedan comentar elige 'Cualquiera'.

    ResponderEliminar
  109. A mi esa parte del codigo no me aparece en la plantilla... quiero agregar una imagen en el formulario de comentarios y me estoy volviendo loca! ayuda por favor!!! http://www.amosermama.com.ar esa es mi direccion

    ResponderEliminar
  110. Hola Bren, recuerda que debes marcar la casilla Expandir plantillas de artilugios, la encontrarás dos veces, la segunda es la que debes buscar.
    Para que te sea más fácil encontrarlo usa las teclas CTRL + F.

    ResponderEliminar
  111. Ya la busque asi, pero no aparece, yo tengo la plantilla modificada. sera por eso?

    ResponderEliminar
  112. Tu plantilla es original de Blogger así que debe estar aunque quizá no en el mismo orden. Busca sólo lo que está en rojo, de esa forma podrás identificarlo.

    ResponderEliminar
  113. Ahora si pude!!! MIl gracias! LO que si, tuve un problemita, me queda abajo de los comentarios...como hago para que quede arriba?

    ResponderEliminar
  114. Poniéndolo arriba de este código:

    </b:includable>
    <b:includable id='status-message'>
    <b:if cond='data:navMessage'>

    Pero quedará encima del texto que muestra el número de comentarios.

    ResponderEliminar
  115. lo dejo ahi mejor, ese codigo tampoco aparece en mi plantilla :P
    Gracias por todo!

    ResponderEliminar
  116. Hola mexico,

    Tienes que poner la imagen como está en el código de ejemplo, encerrada entre CENTER.
    Para que el recuadro de los comentarios no se encime busca y elimina lo que está en negrita:

    .comments {
    background: #fff url(http://www.revolutiontwo.com/demo/church/wp-content/themes/church_10/images/homepagetop.gif) top no-repeat;
    float: left;
    width: 610px;
    height:500px;
    margin-left:-5px;
    padding: 10px;
    border: 1px solid #DDD;
    }

    Saludos.

    ResponderEliminar
  117. Graciaaaas por este post me sirvio de mucho

    ResponderEliminar
  118. Gracias a ti por tu visita Stephanie!

    ResponderEliminar
  119. Hola Potro, genial!! me encantó..
    Sabes, hay generadores para hacer estos smileys con mensajes... para buscarlo solo pones en la web "Smiley sign generator" y salen muchas opciones, entre ellas:

    http://thesmileysign.com/
    http://www.thesmilies.com/smilie-generator/
    http://www.mundoemoti.com/emoti-texto.html

    Saludos potro! y gracias!
    Muchos éxitos! =)

    ResponderEliminar
  120. Que bien, hace un par de dias que intente poner el codigo y me daba error, no se que paso pero por fin lo logre, en mi blog habian tres posibles codigos por cambiar, creo que eso era el problema.

    ResponderEliminar
  121. A veces al pegar los códigos eliminamos cosas sin darnos cuenta, es más común de lo que pensamos, quizá eso fue lo que sucedió, pero qué bueno que ya todo está funcionando :)

    ResponderEliminar
  122. Hola Potro,
    Muchas preguntas te estoy haciendo desde que descubrí lo que se puede aprender con tu blog.

    Va una más!, Mi blog tiene un fondo negro, y el formulario de comentario es de color blanco y no pega mucho, sabrías de que forma puedo modificarlo para que me quede "fashion"???.

    Gracias!

    ResponderEliminar
  123. Si usas un formulario de EmailMeForm entonces en la configuración del formulario, dentro de Form Settings hay un botón que dice Styling options, ahí puedes cambiar el color de fondo del formulario.

    Saludos.

    ResponderEliminar
  124. Potro, es que no uso un formulario en especial, solo usé el que viene dentro de la misma plantilla (creo que así se dice).

    ResponderEliminar
  125. Ah ok, si es el formulario de comentarios del blog, entonces en tu plantilla busca donde dice:
    .comments {
    background: #fff;

    Ese background: #fff; es el color de fondo, si lo cambias por background: #000; cambiará a color negro.

    ResponderEliminar
  126. GRACIAS Potro. Como se aprende contigo.
    Ahh, Felicitaciones por la nueva imagen!

    ResponderEliminar
  127. Me ha costao pero lo he conseguido Potro!! gracias y mil gracias una vez más!!! :))

    ResponderEliminar
  128. Gracias a ti por tu visita y por tu amable comentario :)

    ResponderEliminar
  129. Como puedo hacer mas grande la caja de comentarios de blogger?

    espero y me contestes gracias

    ResponderEliminar
  130. Busca este código exactamente como está con los artilugios expandidos:

    <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>

    Cambia ese 100% por otro valor sin porcentaje, por ejemplo:
    600

    ResponderEliminar
  131. Hola potro, antes que nada quiero agradecerte y desearte un buen comienzo de año nuevo. Ahora mi pregunta, quiero centrar toda la caja de comentarios y no se como hacerlo, te dejo un enlace de entradas de este Blog que estoy comenzando y quiero que se vea mas estético y no con el cuadro hacia la izquierda, lo quiero centrado justo debajo de la imagen :)
    Gracias !!!
    Entrada de ejemplo: http://soloportadas.blogspot.com/2012/01/y-es-que-si-te-soy-sincero-de-mi.html

    ResponderEliminar
  132. Gracias Potro ya lo conseguí, por fin logre centrar el cuadro de comentarios :)

    ResponderEliminar
  133. Qué bueno que lo has conseguido Patry, feliz comienzo de año para ti también :)

    ResponderEliminar
  134. Potro, necesito tu ayuda por favor, estoy haciendo lo que dice el post, http://la-grandtblog.blogspot.com/2012/01/f.html pero no se me ve la imagen

    Como te puedo pasar como me queda el fragmento de HTML.
    Saludos

    ResponderEliminar
  135. Pues yo sí veo una imagen ahí arriba, esta justamente:
    http://i40.tinypic.com/2r70yf4.png%C2%AD%1C%C2%AD

    No sé si es esa la imagen que querías poner, pero al menos esa está arriba de los comentarios y se ve perfectamente bien.
    Saludos.

    ResponderEliminar
  136. Amigo potro no encuentro por ninguna manera: Entrada incrustada a continuación. Donde puede estar esta opción?

    ResponderEliminar
    Respuestas
    1. En la antigua interfaz dentro de Configuración > Comentarios. En la nueva interfaz dentro de Configuración > Entradas y comentarios. Sólo que ahora se llama "Debajo de la entrada".

      Eliminar
  137. Hola (de nuevo :S) perdon por tanta guerra y gracias por ayudarme :D.
    Potro estoy teniendo problemas, con el formulario de comentarios, desde que aparecieron los comentarios anidados desaparecio la caja de fb, despues de todo lo que me tarde en ponerla jajaja, ya lei la entrada al respecto (aun no se solciona vdd?). PERO aparte cada que pongo la caja de comentarios DEBAJO de las entradas, al ir al archivo del blog y seleccionar alguna entrada, solo aparece la mitad del blog....es decir, aparecen los gadgets alineados a la izq. :S pero no el cuerpo de la entrada... enotnces para evitar esto tengo la caja de comentarios en "una pagina completa"
    por supuesto esto me impide usar este tipo de trucos, tienes idea cual sera el problema ?

    MUCHAS GRACIAS !! CIUDAD BLOGGER ES EXCELENTE!!

    ResponderEliminar
    Respuestas
    1. Pues suena bastante extraño, es posible que haya algún error en la plantilla debido a alguna modificación que pudiste haber hecho. Si puedes haz un respaldo de la plantilla en formato XML y mándamela por el formulario de contacto para que pueda ver de qué se trata.
      Si también pudieras poner esa plantilla en un blog de pruebas será mejor, para que igual pueda revisar "online" lo que te sucede.

      Saludos!

      Eliminar
  138. Gracias Potro... voy un poco más... ya he conseguido insertar una imagen entre el post y la caja de comentarios, pero cómo hacer que esa imagen se un vínculo a una dirección web.

    Por otro lado, aprovecho para hacerte otra cuestión, y es cómo alinear una imagen que ha sido insertada desde lo gadget, pues ésos no de lenguaje html para escribir >center< UN ABRAZO

    ResponderEliminar
    Respuestas
    1. Esos no se pueden alienar de la misma forma, es mejor poner la imagen dentro de un HTML/Javascript y ahí podrás centrarla o manipularla más fácilmente.

      En cuanto a lo otro, a la imagen sólo se le añade un enlace como lo harías normalmente:

      <a href="URL del enlace"><img src="URL de la imagen" /></a>

      Eliminar
  139. Gracias Potro, pero cómo puedo obtener el código html de una imagen?

    ResponderEliminar
    Respuestas
    1. ¿Te refieres a la URL de la imagen? Mira esta entrada:
      http://ciudadblogger.com/2011/06/subir-imagenes-y-obtener-la-url-de-la.html

      Eliminar
  140. Potro, tienes toda la razón, qué fácil y no había caído, y yo buscando programas... y lo tengo en el mismo blogger. Pero, una vez que he insertado el código html de una imagen dentro de un HTML/Javascript, cómo hago que dicha imagen tenga un hipervínculo, es decir, al pinchar en ella te lleva a una página web. Gracias

    ResponderEliminar
    Respuestas
    1. Eso te lo he respondido un poco más arriba, en el #154.1 ;)

      Eliminar
  141. Efectivamente. Muxas gracias máquina!!!

    ResponderEliminar
  142. Hola Potro!

    ¿Como puedo centrar la caja de comentarios?

    ResponderEliminar
    Respuestas
    1. Hola Xenium. Agrega antes de ]]></b:skin> esto:

      .comment-form {
      margin:0 auto;
      }


      Pero sólo funciona en los antiguos comentarios de Blogger y/o en las entradas que no tengan comentarios. Para el resto de los anidados no sabría decirte.

      Eliminar
  143. hi buenas ante todo :(
    lo hice tal como esta escrito y no me funciono :(

    noce cual es el error :( help...saludos

    ResponderEliminar
  144. a perdon ya me salio es que le di en vista previa peor ahora le di en guardar y ahi estaba mi valcoid saludos grasias :)

    ResponderEliminar
  145. Hola! Puse una imagen en lugar de la frase, pero solo aparece (la imagen) si no hay ningún comentario ¿puedes ayudarme? Muchas gracias tío! SeLoQueTeGusta

    ResponderEliminar
    Respuestas
    1. Hola Estaban, este truquillo ahora sólo funciona bien en los comentarios antiguos, en los anidados no funciona bien ya que sucede eso mismo que mencionas.

      Eliminar
  146. Hola bro! Muy bueno tu blog, hace una semana que comenzé con el mio y cada vez me gusta mas como esta quedando y eso es gracias a vos :) ya que me haz ayudado mucho.. Un gran abrazo ! y muchas gracias !

    ResponderEliminar
  147. De hace un rato que venía buscando esto, pero la cosa es que cuando lo he hecho en mi blog de pruebas a funcionado a la perfección y a la hora de ponerlo en mi blog no ha salido nada, lo intenté varias veces y no me funcionó
    ¿Que puede ser?

    ResponderEliminar
  148. ¡Hey! recién envié un comentario y resulta que ya descubrí porque no se vizualiza la imagen, se debe a que hay mas comentarios, ¿No hay manera de que se vea siempre? Porque al momento de comentar la imagen desaparece

    ResponderEliminar
    Respuestas
    1. Hola popcorn, no mencionas en cuál blog tienes el problema, pero en blogs con comentarios anidados no funciona.

      Eliminar
  149. Yo Qisiera Saber Como Poner Una Imagen Pro Qe Salga Arriba de Los Comentarios DE Facebook

    ResponderEliminar
  150. Qisiera Saber Como Poner Una Imagen Asi Igual Como La Qe Enseñastes Aqui Pero Arriba De Los Comentarios De Facebook

    ResponderEliminar
    Respuestas
    1. Ubica el código de los comentarios de Facebook y ahí agrega el código de la imagen.

      Eliminar
  151. Hola Potro, Quería saber como puedo hacer para centrar el formulario junto con la imagen en el centro de la entrada. Si puede hacerse claro y tal vez he hecho algo mal, pero cuando entro un comentario, me desaparece la imagen y me gustaría que siempre apareciera encima de la caja de los comentarios... ¿Puede ser eso?

    ResponderEliminar
    Respuestas
    1. Hola Ashaia, ¿usas los comentarios anidados? Porque ahí ya no funciona, desaparece cuando alguien hace un comentario. Y en el caso de que los uses tampoco se podrá modificar el formulario pues sucederá lo mismo :/

      Eliminar
    2. Si, uso anidados, ahora estoy viendo a ver como puedo sacarlos porque no me interesa tenerlos...

      Eliminar
    3. Mira esta entrada de Oloblogger, ahí se explica cómo quitarlos y regresar a los anteriores:
      http://www.oloblogger.com/2012/01/volver-al-diseno-de-comentarios-previo.html

      Eliminar
    4. Gracias Potro, como siempre, tienes respuesta para todo :)

      Eliminar
  152. Disculpe
    ya vi este mismo truco en todos lados... quiero otro pork ese no me funciona TT TT me tira error de xml D: ... y no me deja ponerla... sabe de otra manera??

    ResponderEliminar
    Respuestas
    1. Si te marca error puede ser que estés eliminando algún caracter quizá sin darte cuenta. No sé si haya otro método para hacerlo, es el unico que conozco :/

      Eliminar
  153. Hola:
    Existe la posibilidad de poder insertar una imagen dentro del cuadrado blanco y no en su exterior. por mientras seguiré buscando ajjja
    saluttes, buen tuto.

    ResponderEliminar
  154. hola :) disculpa, tengo un problema y es que cuando puse la imagen todo se veia bien, pero cuando alguien comenta la imagen desaparece, el codigo que cambie es el segundo tal y como tu dices, no se que estará mal, podrías ayudarme?

    saludos ^^

    ResponderEliminar
    Respuestas
    1. No hay nada mal Higaku, es sólo que este truco no funciona para los comentarios anidados :(

      Eliminar
    2. ohhh... que mal u.u ni modo, ojalá en algun momento se pueda solucionar eso ^^ de todos modos muchas gracias :D

      Eliminar
    3. ohhh... que mal u.u ni modo, ojalá en algun momento se pueda solucionar eso ^^ de todos modos muchas gracias :D

      Eliminar
  155. tengo otra pregunta disculpa xD hay alguna forma de poner la imagen arriba de los comentarios pero que no este en el formulario, asi para que no desaparezca ^^ si no una forma de desactivar los comentarios anidados, gracias :)

    ResponderEliminar
    Respuestas
    1. Lo primero no sé, lo segundo sí, puedes desactivarlos:
      http://www.oloblogger.com/2012/01/volver-al-diseno-de-comentarios-previo.html

      Eliminar
    2. ok ^^ muchas gracias!! :D

      Eliminar
    3. ok ^^ muchas gracias!! :D

      Eliminar
  156. Potro, me gustaria quitar el texto que hay encima del formulario de comentarios, el que pone: Sin comentarios:
    Publicar un comentario en la entrada


    Como lo hago?? Gracias

    ResponderEliminar
    Respuestas
    1. Con este código puedes ocultarlo:

      #comments h4 {
      display: none;
      }

      Eliminar
  157. Respuestas
    1. En los estilos de la plantilla, es decir, antes de ]]></b:skin>

      Eliminar
  158. Tengo una consulta, en mi blog "http://psdiego.blogspot.com.ar" utilizo la Opcion de Ventana emergente para agregar los comentarios, y no he podido encontrar la manera de cambiar ese texto, creo que no funciona lo expuesto en éste artículo y la verdad que el texto del link "Publicar un comentario en la entrada" que abre la caja de comentarios queda muy perdido, ¿¿existe alguna manera de cambiarlo por una imagen???? No se si me expliqué bien. Desde ya, muchas gracias.

    ResponderEliminar
    Respuestas
    1. En la ventana emergente no se puede cambiar.

      Eliminar
    2. Que mal!, Entonces te hago una consulta, en el mismo blog tengo agregado el plugin de Facebook para comentar, pero cuando yo configuro los comentarios "Debajo de la entrada" el plugin me aparece doble, con dos cajas para comentar con la cuenta de Facebook, como podria solucionar eso?? si es posible claro.

      Eliminar
    3. Es seguro que debes tener el código dos veces, debe estar solo una vez.

      Eliminar
  159. Saludos Potro :)

    La imagen solo aparece cuando no tengo ningun comentario,
    como lo puedo hacer para que aparesca teneniendo ya comentarios ya hechos en mi blog...

    cuando ya se hace algun comentario la imagen desaparece
    quiciera volverlo permanente...



    ResponderEliminar

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.

Nota: solo los miembros de este blog pueden publicar comentarios.

 
Ir Arriba Ir Abajo
I Ciudad Blogger