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
- Ahora ve a Diseño > Edición de HTML y marca la casilla Expandir artilugios.
- Busca esta parte del código:
- 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>
<img src="URL de la imagen"/>
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>




Iconos RSS

66 comentarios:
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
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.
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!!
Gracias a ti por tus comentarios.
Un abrazo.
Me funciono!!!!!!!!!!! un millon de gracias de nuevo por este post, me resulto como me lo esperaba, sii son buenos aportes....
omegagil
Gracias por tus comentarios Antonio.
Saludos.
Hice todo, pero ahora entro para dejar mensaje y no funciona, no da la opcion de escribir, sabes porque?
estrellita.figueroa@gmail.com
Creo que es un error ajeno a esto, volvi a poner la forma antigua, y sigue igual... Si sabes algo dimelo por favor!!!!!!!!
Hola Estrellita,
Antes de editar la plantilla debes cambiar la configuración del formulario como se explica en el paso #1
Si aun así tienes problemas haz un respaldo de tu plantilla y mándamela a admin@ciudadblogger.com
Saludos.
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!!!!!
Hola Estrellita,
Entra 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?
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.
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?
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!
Hola Estrellita,
No 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í:
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".
Excelente Estrellita, muchas gracias.
muy buen tutorial gracias El Potro™, me sirvió mucho
saludos
Hola Smark,
Me alegra que te haya sido útil.
Saludos!
Hola Potro.
Otro truco aplicado en mi sitio.
Gracias por tus siempre acertados tutoriales.
Saludos.
Jpz.-
Gracias a ti por tu visita ;)
Saludos.
veremos que tal!
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
Hola Giancarlo,
No es ningún fastidio.
Encierra el código de la imagen entre <center> y </center>
Saludos.
Hola Potro,
Muchas Gracias voy hacerlo y te aviso que tal va...
Exito!!!
Hola Potro,
Listo quedo de Fino!!!, gracias fue simple...
Me alegro que te haya resultado.
Saludos!
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..
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.
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•*
Qué lindos borreguitos y qué linda la firma que has hecho!!!
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.
Hay alguna pagina para conseguir las imagenes???
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!
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
Lo siento TROG, pero no es posible,
hola esta bueno
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!!!
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!
Hola Potro,
jajajaja todavia no soy tan experto en esto... disculpa que te pregunte pero en que parte de la plantilla agrego eso??? jejejeje...
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...
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!
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.
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!
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
Me da gusto que ya se haya solucionado ese :)
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.
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.
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
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.
Potro ahbra algun truco para cambiar el estilo de los comentarios a un estilo mejor como de gravitar
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
Hola, me refiera algo de trakback algo asi
http://dl.dropbox.com/u/5834355/coment.PNG
Únicamente se puede personalizar las opciones que están en el enlace que te di.
HOLA QUE TAL POTRO TE FELICITO ,ESTAMUY VANGUARDISTA TU WEB PERO ,TENGO UNAS DUDILLAS NO SE SI TU PUEDAS RESOLVERLAS PORFAVOR MIRA QUIERO PONER UNA IMGANE PARA QUE DIGA DEJEN SUS COMENTARIOS PERO NO ENCUENTRO ESE CODIGO EN MI PLANTILLA Y APARTE VEO QUE UN POCO DISTINTO A OTRAS PLANTILLAS ,Y MI OTRA DUDA,¿Como puedo hacer para que mis post hechos salgan hasta arriba esque es un buenpedazo lo que pone hasta por en medio ,quiero que queden como cuando le das en leer mas ,hasta arriba ,espero que me puedas ayudar,potro .
Gracias.
P.D:Los problemas son el blog sobre matematicas.
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.
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?
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.
???
Cambio 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.
Me funciono muy bien Potro ojala qeu alguien se anime a comentar.
Y si no al menos ha quedado más lindo :)
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.
PD.disculpa lei mejor la entrda,no se si es la ansiedad o el alzaimer que me aqueja jajaja
saludos baron.
Publicar un comentario en la entrada
Gracias por tus comentarios. Si tienes una consulta sobre tu blog deja la dirección del mismo.