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.
- 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
- Ahora ve a Diseño | Edición de HTML y marca la casilla Expandir plantillas de artilugios.
- Busca esta parte del código:
- Es probable que la encuentres dos veces, la que nos interesa es la segunda. Sustituye lo que está en color rojo por esto:
- Ya sólo cambia la URL de la imagen por la dirección donde alojaste la foto que elegiste.
<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>
<center><img src="URL de la imagen"/></center>
El resultado será algo como esto:
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>
Ciudad Blogger
que chulos van a quedar los comentarios
ResponderEliminarestoy 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
Con mucho gusto Frank, siempre y cuando el blog cumpla con la Política de Contenido de Blogger.
ResponderEliminarEn cuanto tengas dudas sobre algo manda tus preguntas a este formulario.
Saludos y suerte con tu nuevo blog.
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!!!!
ResponderEliminarUn abrazo!!
Gracias a ti por tus comentarios.
ResponderEliminarUn abrazo.
Me funciono!!!!!!!!!!! un millon de gracias de nuevo por este post, me resulto como me lo esperaba, sii son buenos aportes....
ResponderEliminaromegagil
Gracias por tus comentarios Antonio.
ResponderEliminarSaludos.
Hice todo, pero ahora entro para dejar mensaje y no funciona, no da la opcion de escribir, sabes porque?
ResponderEliminarestrellita.figueroa@gmail.com
ResponderEliminarCreo que es un error ajeno a esto, volvi a poner la forma antigua, y sigue igual... Si sabes algo dimelo por favor!!!!!!!!
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarYa encontre el motivo, pero no la solucion, me ayudas? Donde tildo:
ResponderEliminar* 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!!!!!
Hola Estrellita,
ResponderEliminarEntra a Configuración > Archivo y en donde dice ¿Habilitar páginas de entrada? selecciona Sí.
Guarda los cambios y listo.
Saludos.
Una copia? el xml?
ResponderEliminarNo 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
ResponderEliminarSaludos.
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...
ResponderEliminarno 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?
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!
ResponderEliminarHola Estrellita,
ResponderEliminarNo sé qué esté pasando, de cualquier forma es importante que en todos tus blogs estén como Sí en la opción ¿Habilitar páginas de entrada?, pues de esta forma cada entrada tendrá su propia URL, de no estár en Sí 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.
Hola Potro, lo pude solucionar, asi que si a otro le sucede lo mismo, la solucion esta aquí:
ResponderEliminarhttp://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".
Excelente Estrellita, muchas gracias.
ResponderEliminarmuy buen tutorial gracias El Potro™, me sirvió mucho
ResponderEliminarsaludos
Hola Smark,
ResponderEliminarMe alegra que te haya sido útil.
Saludos!
Hola Potro.
ResponderEliminarOtro truco aplicado en mi sitio.
Gracias por tus siempre acertados tutoriales.
Saludos.
Jpz.-
Gracias a ti por tu visita ;)
ResponderEliminarSaludos.
Hola Potro,
ResponderEliminarDe 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
Hola Giancarlo,
ResponderEliminarNo es ningún fastidio.
Encierra el código de la imagen entre <center> y </center>
Saludos.
Hola Potro,
ResponderEliminarMuchas Gracias voy hacerlo y te aviso que tal va...
Exito!!!
Hola Potro,
ResponderEliminarListo quedo de Fino!!!, gracias fue simple...
Me alegro que te haya resultado.
ResponderEliminarSaludos!
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..
ResponderEliminarHola gresis,
ResponderEliminarSi 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.
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!!!
ResponderEliminar*´¨)
...¸.•´¸.•*´¨) ¸.•*¨)
(¸.•´ (¸.Nyn•*
Qué lindos borreguitos y qué linda la firma que has hecho!!!
ResponderEliminarHola 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.
ResponderEliminarGracias.
Hay alguna pagina para conseguir las imagenes???
ResponderEliminarTROG, sólo se permiten imágenes en formato .jpg .png .gif y .bmp lo que quieres lo veo imposible :(
ResponderEliminarLaura, 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!
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
ResponderEliminarLo siento TROG, pero no es posible,
ResponderEliminarhola esta bueno
ResponderEliminarHola Potro,
ResponderEliminarDe 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!!!
Desde la configuración de Blogger no se puede centrar pues sólo acepta un par de códigos HTML.
ResponderEliminarAgrega en tu plantilla esto:
.comment-form p{
text-align:center;
}
Con eso quedará centrado.
¡Saludos!
Hola Potro,
ResponderEliminarjajajaja todavia no soy tan experto en esto... disculpa que te pregunte pero en que parte de la plantilla agrego eso??? jejejeje...
Hola Potro,
ResponderEliminarestoy 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...
Hola Giancarlo,
ResponderEliminarTodo 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!
Hola Potro,
ResponderEliminarBueno 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.
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
ResponderEliminarPara 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!
Hola Potro,
ResponderEliminarOhhhhhhhhhhhhhhhhhhhhhhh 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
Me da gusto que ya se haya solucionado ese :)
ResponderEliminarAmigo... 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.
ResponderEliminarGracias por tu ayuda.
Es posible que le falten algunos códigos a tu plantilla.
ResponderEliminarExpande 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.
Hola!! >__< hice el cambio en la parte de el html...
ResponderEliminarpero aun me sigue saliendo esto http://i283.photobucket.com/albums/kk303/KAMAGACO/tuto-2.jpg
QUE PODRIA HACER?? T_T
Hola Kama,
ResponderEliminarSi 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.
Potro ahbra algun truco para cambiar el estilo de los comentarios a un estilo mejor como de gravitar
ResponderEliminarGravatar sólo es para poner avatares en los comentarios, y esos ya los tiene Blogger.
ResponderEliminarNo 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
Hola, me refiera algo de trakback algo asi
ResponderEliminarhttp://dl.dropbox.com/u/5834355/coment.PNG
Únicamente se puede personalizar las opciones que están en el enlace que te di.
ResponderEliminarHola orochimarusama,
ResponderEliminarNecesitas 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.
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?
ResponderEliminarExpande los artilugios y busca esta parte:
ResponderEliminar<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.
???
ResponderEliminarCambio lo que esta en negrita x que cosa solo quiera que diga [b]Comenta[b] pero no se que codigo poner :S ayuda
Por eso, quita lo que está en negrita y escribe lo que tú quieres que aparezca.
ResponderEliminarMe funciono muy bien Potro ojala qeu alguien se anime a comentar.
ResponderEliminarY si no al menos ha quedado más lindo :)
ResponderEliminarhola potro primero que nada agradeser,que conpartas tus conosimientos, para tirarte suavemente una consultita jajaja
ResponderEliminarse puede canbiar la frase deja aqui tu comentario,por otra.
saludos baron.
PD.disculpa lei mejor la entrda,no se si es la ansiedad o el alzaimer que me aqueja jajaja
ResponderEliminarsaludos baron.
Seguro es la ansiedad, jaja ;)
ResponderEliminarhola 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.
ResponderEliminargracias bro.
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.
ResponderEliminargracias bro.
ResponderEliminarQuedó perfecto! Grax!
ResponderEliminar;D
Este comentario ha sido eliminado por el autor.
ResponderEliminara gracias man, muy bueno. oye me gustaria que vieras mi blog y ver que tal me quedo la imagen, necesito una opinion objetiva.
ResponderEliminarhttp://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....
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:
ResponderEliminarhttp://oloblogger.blogspot.com/2010/05/tus-entradas-en-facebook-rss-graffiti.html
Saludos!
Buenas
ResponderEliminarEs 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. :)
Te agradezco enormemente tus comentarios Cul de Sac, me da gusto saber que este blog te está siendo útil.
ResponderEliminarSaludos!
Muchas Gracias
ResponderEliminarMuchas 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!
ResponderEliminarGracias por la sugerencia, ya lo he modificado ;)
ResponderEliminarbme 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
ResponderEliminarestupendo... otra cosilla mas que me sirvio :D
ResponderEliminarREALMENTE 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Θdiŋ-k0 te agradezco mucho tu comentario y me da mucho gusto que estes encontrando util la informacion de este sitio :)
ResponderEliminarMARIAM-DISEÑOS..., gracias a ti por tu visita!
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!!
ResponderEliminarNo 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.
ResponderEliminarNo 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.........
ResponderEliminarHola, en mi blog sale otro texto:
ResponderEliminara expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg
Al ponerlo no sale nada.
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.
ResponderEliminarEl 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...
ResponderEliminarTambien 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.
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
ResponderEliminary bueno.. ahora si puede ser me gustaria solo saber como puedo habilitar las paginas de entradas.. gracias nuevamente.
En Configuración > Archivo está esa opción y no importa que no te deje seleccionarla siempre y cuando esté en 'Sí'.
ResponderEliminarSaludos!
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.
ResponderEliminar¿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
Hola samu,
ResponderEliminarClaro 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!
Hola de nuevo Potro.
ResponderEliminarResulta 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.
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.
ResponderEliminarGracias 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
ResponderEliminarElBLogR21
Disculpa si ago Spam
Pues yo no soy un profesional pero a mi gusto te ha quedado todo muy bien :)
ResponderEliminarGracias potro
ResponderEliminarHola. 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?.
ResponderEliminarPS: Espero su respuesta!
Dentro del formulario no, pero alrededor de él sí.
ResponderEliminarTe dejo un enlace de Oloblogger que explica cómo hacerlo:
http://oloblogger.blogspot.com/2009/08/blogger-modificar-el-formulario-de.html
Muchas gracias! consegui lo que que queria xD.
ResponderEliminarpotro a mi no me funciono por que
ResponderEliminarPues 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.
ResponderEliminarHola Potro!
ResponderEliminarMi 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!
Hola Vicky,
ResponderEliminarEn 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!
Hola, Potro.
ResponderEliminarEs 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í!
ANEXO: Ciudad Blogger es mi página de ayuda para bloggueros preferida entre todas.
ResponderEliminar¡Saludos!
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.
ResponderEliminarTe agradezco enormemente tu siempre amable comentario y me da alegria que te sientas a gusto en este sitio :)
¡Saludos!
Potro muchas gracias! hacia mucho que buscaba esto y me salió a la perfección! gracias.. mira como quedo la imagen:
ResponderEliminarhttp://www.brugalo.com/2011/05/una-mama-inyecta-botox-su-hija-de-8.html
Te quedó buenísimo, me ha encantado!
ResponderEliminaren mi pagina no aparece el codigo para colocar la imagen...que tengo que hacer
ResponderEliminarNo conozco la plantilla que usas pero prueba buscar sólo el código en color rojo.
ResponderEliminarHola Potro, es la primera vez que comento. Muy desconsiderada por mi parte ya que mi blog está hecho casi entero con tus trucos.
ResponderEliminarMi 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
Hola Artemisa,
ResponderEliminarQué 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.
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...
ResponderEliminarLos 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.
Tienes toda la razón, hace un momento respondí a ese comentario y me quedé pensando... 'me parece que la he visto recientemente' :)
ResponderEliminar¿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 :)
Muy bueno el articulo buscare una imagen que me guste, pero el link a ciberblogero esta roto o ya no esta. saludos.
ResponderEliminarEs que se cambió a WP. Este es el enlace:
ResponderEliminarhttp://cyberbloggero.com/2009/05/aumenta-los-comentarios-en-tus-post.html
Saludos :)
como yo pongo en los comentarios cuando deci comentar como: como yo pongo Nombre/URL y
ResponderEliminarAnonimo
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'.
ResponderEliminarA 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
ResponderEliminarHola Bren, recuerda que debes marcar la casilla Expandir plantillas de artilugios, la encontrarás dos veces, la segunda es la que debes buscar.
ResponderEliminarPara que te sea más fácil encontrarlo usa las teclas CTRL + F.
Ya la busque asi, pero no aparece, yo tengo la plantilla modificada. sera por eso?
ResponderEliminarTu 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.
ResponderEliminarAhora si pude!!! MIl gracias! LO que si, tuve un problemita, me queda abajo de los comentarios...como hago para que quede arriba?
ResponderEliminarPoniéndolo arriba de este código:
ResponderEliminar</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
Pero quedará encima del texto que muestra el número de comentarios.
lo dejo ahi mejor, ese codigo tampoco aparece en mi plantilla :P
ResponderEliminarGracias por todo!
Hola mexico,
ResponderEliminarTienes 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.
Graciaaaas por este post me sirvio de mucho
ResponderEliminarGracias a ti por tu visita Stephanie!
ResponderEliminarMuy buena info... SALUDOS
ResponderEliminarHola Potro, genial!! me encantó..
ResponderEliminarSabes, 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! =)
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.
ResponderEliminarA 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 :)
ResponderEliminarHola Potro,
ResponderEliminarMuchas 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!
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.
ResponderEliminarSaludos.
Potro, es que no uso un formulario en especial, solo usé el que viene dentro de la misma plantilla (creo que así se dice).
ResponderEliminarAh ok, si es el formulario de comentarios del blog, entonces en tu plantilla busca donde dice:
ResponderEliminar.comments {
background: #fff;
Ese background: #fff; es el color de fondo, si lo cambias por background: #000; cambiará a color negro.
GRACIAS Potro. Como se aprende contigo.
ResponderEliminarAhh, Felicitaciones por la nueva imagen!
Gracias :)
ResponderEliminarMe ha costao pero lo he conseguido Potro!! gracias y mil gracias una vez más!!! :))
ResponderEliminarGracias a ti por tu visita y por tu amable comentario :)
ResponderEliminarComo puedo hacer mas grande la caja de comentarios de blogger?
ResponderEliminarespero y me contestes gracias
Busca este código exactamente como está con los artilugios expandidos:
ResponderEliminar<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
muchas gracias :)
ResponderEliminarHola 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 :)
ResponderEliminarGracias !!!
Entrada de ejemplo: http://soloportadas.blogspot.com/2012/01/y-es-que-si-te-soy-sincero-de-mi.html
Gracias Potro ya lo conseguí, por fin logre centrar el cuadro de comentarios :)
ResponderEliminarQué bueno que lo has conseguido Patry, feliz comienzo de año para ti también :)
ResponderEliminarPotro, 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
ResponderEliminarComo te puedo pasar como me queda el fragmento de HTML.
Saludos
Pues yo sí veo una imagen ahí arriba, esta justamente:
ResponderEliminarhttp://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.
Amigo potro no encuentro por ninguna manera: Entrada incrustada a continuación. Donde puede estar esta opción?
ResponderEliminarEn 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".
EliminarHola (de nuevo :S) perdon por tanta guerra y gracias por ayudarme :D.
ResponderEliminarPotro 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!!
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.
EliminarSi también pudieras poner esa plantilla en un blog de pruebas será mejor, para que igual pueda revisar "online" lo que te sucede.
Saludos!
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.
ResponderEliminarPor 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
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.
EliminarEn 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>
Gracias Potro, pero cómo puedo obtener el código html de una imagen?
ResponderEliminar¿Te refieres a la URL de la imagen? Mira esta entrada:
Eliminarhttp://ciudadblogger.com/2011/06/subir-imagenes-y-obtener-la-url-de-la.html
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
ResponderEliminarEso te lo he respondido un poco más arriba, en el #154.1 ;)
EliminarEfectivamente. Muxas gracias máquina!!!
ResponderEliminarHola Potro!
ResponderEliminar¿Como puedo centrar la caja de comentarios?
Hola Xenium. Agrega antes de ]]></b:skin> esto:
Eliminar.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.
hi buenas ante todo :(
ResponderEliminarlo hice tal como esta escrito y no me funciono :(
noce cual es el error :( help...saludos
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 :)
ResponderEliminarHola! 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
ResponderEliminarHola 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.
EliminarLástima :p
EliminarHola 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 !
ResponderEliminarMe da gusto saberlo Joanma, otro abrazo para ti!
EliminarDe 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ó
ResponderEliminar¿Que puede ser?
¡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
ResponderEliminarHola popcorn, no mencionas en cuál blog tienes el problema, pero en blogs con comentarios anidados no funciona.
EliminarYo Qisiera Saber Como Poner Una Imagen Pro Qe Salga Arriba de Los Comentarios DE Facebook
ResponderEliminarQisiera Saber Como Poner Una Imagen Asi Igual Como La Qe Enseñastes Aqui Pero Arriba De Los Comentarios De Facebook
ResponderEliminarUbica el código de los comentarios de Facebook y ahí agrega el código de la imagen.
EliminarHola 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?
ResponderEliminarHola 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 :/
EliminarSi, uso anidados, ahora estoy viendo a ver como puedo sacarlos porque no me interesa tenerlos...
EliminarMira esta entrada de Oloblogger, ahí se explica cómo quitarlos y regresar a los anteriores:
Eliminarhttp://www.oloblogger.com/2012/01/volver-al-diseno-de-comentarios-previo.html
Gracias Potro, como siempre, tienes respuesta para todo :)
EliminarDisculpe
ResponderEliminarya 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??
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 :/
EliminarHola:
ResponderEliminarExiste la posibilidad de poder insertar una imagen dentro del cuadrado blanco y no en su exterior. por mientras seguiré buscando ajjja
saluttes, buen tuto.
No que yo sepa :/
Eliminarhola :) 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?
ResponderEliminarsaludos ^^
No hay nada mal Higaku, es sólo que este truco no funciona para los comentarios anidados :(
Eliminarohhh... que mal u.u ni modo, ojalá en algun momento se pueda solucionar eso ^^ de todos modos muchas gracias :D
Eliminarohhh... que mal u.u ni modo, ojalá en algun momento se pueda solucionar eso ^^ de todos modos muchas gracias :D
Eliminartengo 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 :)
ResponderEliminarLo primero no sé, lo segundo sí, puedes desactivarlos:
Eliminarhttp://www.oloblogger.com/2012/01/volver-al-diseno-de-comentarios-previo.html
ok ^^ muchas gracias!! :D
Eliminarok ^^ muchas gracias!! :D
EliminarPotro, me gustaria quitar el texto que hay encima del formulario de comentarios, el que pone: Sin comentarios:
ResponderEliminarPublicar un comentario en la entrada
Como lo hago?? Gracias
Con este código puedes ocultarlo:
Eliminar#comments h4 {
display: none;
}
ese codigo donde lo pongo?
ResponderEliminarEn los estilos de la plantilla, es decir, antes de ]]></b:skin>
EliminarTengo 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.
ResponderEliminarEn la ventana emergente no se puede cambiar.
EliminarQue 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.
EliminarEs seguro que debes tener el código dos veces, debe estar solo una vez.
EliminarSaludos Potro :)
ResponderEliminarLa 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...