Imagen en el formulario de 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
  2. Ahora ve a Diseño > Edición de HTML y marca la casilla Expandir 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. Sustituye lo que está en color rojo por esto:
  6. <img src="URL de la imagen"/>

  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>

66 comentarios:

Anónimo dijo...

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

El Potro™ dijo...

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.

cyberbloggero dijo...

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!!

antonio blog dijo...

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



omegagil

Estrellita dijo...

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

Estrellita dijo...

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

El Potro™ dijo...

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.

Estrellita dijo...

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!!!!!

El Potro™ dijo...

Hola Estrellita,

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

Saludos.

El Potro™ dijo...

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.

Estrellita dijo...

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?

Estrellita dijo...

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!

El Potro™ dijo...

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.

Estrellita dijo...

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".

Smark dijo...

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

saludos

Jpz dijo...

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

Giancarlo dijo...

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

El Potro dijo...

Hola Giancarlo,

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

Saludos.

Giancarlo dijo...

Hola Potro,

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

Exito!!!

Giancarlo dijo...

Hola Potro,

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

gresis dijo...

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..

El Potro dijo...

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.

✿Nyn✿ dijo...

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•*

El Potro dijo...

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

TROG dijo...

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.

El Potro dijo...

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!

TROG dijo...

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

Giancarlo dijo...

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!!!

El Potro dijo...

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!

Giancarlo dijo...

Hola Potro,

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

Giancarlo dijo...

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...

El Potro dijo...

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!

Giancarlo dijo...

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.

El Potro dijo...

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!

Giancarlo dijo...

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

Dr. Miguel Ángel Núñez dijo...

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.

El Potro dijo...

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.

Kama dijo...

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

El Potro dijo...

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.

arquitectura online dijo...

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

El Potro dijo...

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

arquitectura online dijo...

Hola, me refiera algo de trakback algo asi

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

El Potro dijo...

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

orochimarusama dijo...

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.

El Potro dijo...

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.

lHumanizado dijo...

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?

El Potro dijo...

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.

lHumanizado dijo...

???

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

El Potro dijo...

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

claudia dijo...

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

diablo dijo...

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.

diablo dijo...

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.

 

Ciudad Blogger. Copyright 2008 All Rights Reserved Revolution Two Church theme by Brian Gardner Converted into Blogger Template by Bloganol dot com

Ir arriba Ir abajo