Personalizar el mensaje para animar a comentar

septiembre 25, 2013

Personalizar el mensaje para animar a comentar


Hace unas semanas mi compi Wendy, de Fotos, Scrap y Algo Más, dejó un comentario con una pregunta de un tema que vemos en el Ebook Crea tu Blog en Blogger. Ese ebook me ha llevado bastante tiempo escribirlo y maquetarlo ya que he intentado centrarme lo menos posible en el tema del diseño (la parte que más me apasiona de este mundo) cediéndole su importancia a la programación (que también me gusta, pero no tanto).

A Wendy le he cogido mucho cariño durante el tiempo que hemos trabajado juntas en el diseño de su blog y... ¡no puedo decirle que no! Así que mi entrada de hoy va dedicada especialmente para ella. Espero que te sea útil, preciosa. Bueno, a tí y a todos los demás que paséis por aquí.

Su pregunta era cómo personalizar el mensaje que aparece en el formulario de comentarios. Y como es tan sencillo, voy a explicar como modificar la frase y como poner una imagen en su lugar. Además, como siempre, he diseñado un par de imágenes genéricas, por si el diseño no te gusta mucho y prefieres tener el material disponible para descargar con un solo clic.




CAMBIAR EL MENSAJE DEL FORMULARIO DE COMENTARIOS


Ruta: Configuración --> Entradas y Comentarios --> Mensaje del Formulario de Comentarios.


Este texto, si lo escribimos directamente, aparecerá como el texto sin formato de nuestras entradas. Pero, ¡podemos ponerlo bonito!

Este formulario solo admite el uso de negritas con las etiquetas <b></b>. Si intentamos poner color o subrayados, nos dará error. Pero podemos usar símbolos chulos para decorar nuestros comentarios.

Os dejo una breve tabla de algunos de los símbolos que podéis usar.


Alt + 3
Alt + 4
Alt + 5

La mía ha quedado así:

<b>¡Anímate a comentar!</b> ♥Tu opinión es muy importante para mí♥

Y podéis ver el resultado en el formulario de comentarios de esta misma entrada.


CAMBIAR EL MENSAJE DEL FORMULARIO DE COMENTARIOS DE BLOGGER POR UNA IMAGEN


Esta parte es un poco más complicada, porque hay que tocar la plantilla HTML, pero si has seguido los tutoriales de programación, ¡seguro que te sale a la primera!

1.- Lo primero es elegir la imagen que quieres que aparezca en el formulario de comentarios, vas a necesitar su URL. Puedes copiarla directamente desde aquí o subirla a dropbox, picasa o similar para conseguir su enlace.

















2.- Una vez tengamos la ruta de nuestra imagen copiada, vamos a nuestra plantilla.

Buscamos: <data:postCommentMsg/>

Hasta encontrar este fragmento de código:

<b:else/>
      <h4 id='comment-post-message'><data:postCommentMsg/></h4>
      <p><data:blogCommentMessage/></p>

3.- Cambiamos la parte del código que aparece marcada en rojo por:

<center><img src='URL de la imagen'/></center>

Añadiendo la URL de nuestra imagen donde se indica.

Resultado:

<b:else/>
      <h4 id='comment-post-message'><center><img src='URL de la imagen'/></center></h4>
      <p><data:blogCommentMessage/></p>


4.- Comprobamos en Vista Previa que no hay errores en la plantilla. Guardamos los cambios y al visualizar nuestra entrada, debería aparecer la imagen en el formulario de comentarios como en este blog.



¡Ya me cuentas si lo has conseguido! Y déjame el enlace de tu blog para verlo.

EDITADO: COMILLAS CORREGIDAS ¡GRACIAS! ;)





Suscríbete a mis entradas por email ¡para no perderte nada!





♥ Las recibirás en tu bandeja de entrada el mismo día que sean publicadas ♥






Te encantará:

49 pensamientos ¡falta el tuyo! ;)

  1. Ah! Qué chulo y práctico. Yo tenía el mensaje personalizado pero no sabía lo de las negritas ni lo de las imágenes.

    Gracias x enseñarnos!!

    Besines :)

    ResponderEliminar
  2. Oye, lo que no sé, es por qué a mi me sale el mensaje debajo del espacio para comentar. Estoy viendo que a ti te sale por encima :(

    ResponderEliminar
    Respuestas
    1. jajajaja me lo apunto, María, hay que hacer un pequeño cambio en la plantilla ;)

      ¡¡Besos!!

      Eliminar
    2. Hola guapa!! suuper bueno el tutorial!! tengo el mismo problema y quiero ponerlo encima del cajón de comentarios.. :(

      Eliminar
  3. Celia!!! Me ha emocionado tanto tu entrada!!! jajajaja!!! casi todo los días paso por tu blog para ver que hay de nuevo y hoy ohhh sorpresa!!! si que me es muy útil este post!!!. Mil Mil Gracias!!!.

    ResponderEliminar
  4. Sabes! ni bien leí tu post, fui a personalizarlo! pero Blogger no me da las opciones que tu indicas!.... :( Blogger malo!!! jajajaja!!!!

    ResponderEliminar
    Respuestas
    1. Creo que es porque vinculo los comentarios con los de google+

      Eliminar
  5. Ohhh genial.....
    Lo de comentario personalizado lo sabía pero lo de las imágenes no....

    Gracias Celia
    Un beso

    ResponderEliminar
    Respuestas
    1. ¡Hola Rosa!

      Me alegra que te sea útil :)

      ¡¡Besos!!

      Eliminar
  6. Genial !!! A ver si tengo un poquito de tiempo y lo pongo. Gracias !!!

    ResponderEliminar
  7. Wooo Celia eres la mejor! con tu permiso voy a copiarte una imagen de esas para mi blog! muchas gracias por todo!

    ResponderEliminar
  8. Mola un montón, mañana lo intento, aunq creo q mi. Blog tiene vida propia, se aparecen y desaparecen los. Iconos sociales, los cuadradotos de tb te puede gustar, se me cambia la. Letra de los títulos, jajaja va a su bola

    ResponderEliminar
    Respuestas
    1. jajaja ¡pobre! :)

      Ya me cuentas si lo has conseguido

      ¡feliz lunes!

      Eliminar
  9. Que chulada
    Intentaré hacerlo cuando tenga tiempo.
    Gracias

    ResponderEliminar
  10. Acabo de encontrar tu blog y esta entrada me ha encantado, porque sabía que se podía hacer lo de personalizarlo pero no con fotos.
    Lo he intentado, pero me sale esto "Error al analizar XML, línea 1046, columna 54: Open quote is expected for attribute "src" associated with an element type "img" Y no sé que significa..
    Besos.

    ResponderEliminar
    Respuestas
    1. ¡Hola!

      Comprueba que has puesto el código en la línea que debe ir... si te salta ese error es porque la imagen no debe ir ahí... :S

      ¡Ya me cuentas!

      Eliminar
    2. Tienes que cambiar las comillas(") donde va la url por estas otras ('), pero luego a mí me pasa lo que a otros y es que una vez comenta una persona desaparece el mensaje. :(

      Eliminar
    3. He caído en esta web por el error que se comenta arriba. Efectivamente, el problema eran las comas. Gracias por solucionarlo.

      Eliminar
  11. Hola Celia,
    ahora que estoy poniendo bonito mi blog sigo atenta tus post, y en este no me deja ver la plantilla preliminar y me sale : Error al analizar XML, línea 1049, columna 54: Open quote is expected for attribute "src" associated with an element type "img".
    que estaré haciendo mal?

    ResponderEliminar
    Respuestas
    1. ¡Hola Mikita!

      Comprueba que has colocado el código en el lugar correcto y no te has comido la etiqueta IMG del código que os he dado ;)

      Eliminar
    2. Si me pasas el enlace a tu blog le echo un vistazo cuando tenga un ratín ;)

      Eliminar
    3. Tu pusiste algo como esto "URL" con comillas dobles, cambialo por esto 'URL' comillas simples, a mi también me paso, y hay algún comentario con lo mismo.

      Eliminar
  12. Hola Celia,
    encontré el problemita, lo cuento para que a nadie le pase.
    Colgue la imágen en dropbox pero como soy muy ansiosa y novata no me di cuenta que la carpeta no era pública por lo tanto no me indicaba el link correcto :)
    gracias por la atención Celia, me encanta tu blog!!!

    ResponderEliminar
  13. ¡Muchas gracias!

    Estoy construyendo mi blog (www.encasadeherrer0.blogspot.com) y me estás ayudando .

    ¿Sabes si se puede crear alguna plantilla de formulario que que haya que escribir un nombre de forma obligatoria?

    ¡Muchas graaaaaaaaaaaaaaacias!

    ResponderEliminar
    Respuestas
    1. ¡Hola Elena!

      En configuración -> Entradas y comentarios

      Puedes elegir quién quieres que comente en tu blog :)

      ¡Gracias a ti!

      Eliminar
    2. Pero para que todo el que comente tenga que dejar su nombre, sin necesidad de tener cuenta de Google, etc ¿Es posible fácilmente?
      ¡Gracias por tu ayuda!

      Eliminar
    3. Claro, solo tienes que elegir donde te dije:

      Quien Puede Comentar --> Cualquiera

      :)

      Eliminar
    4. Claro que... de esa manera, no les obligas a poner su nombre... solo que no sea necesario que tengan cuenta en Google :S

      Puedes elegir la opción de usuario registrado, incluye Open ID. Tienes más info sobre Open ID aquí:

      http://es.wikipedia.org/wiki/OpenID

      Eliminar
  14. Hola!! Tengo una dudita.. He puesto una imagen en mi blog pero solo aparece cuando no hay comentarios en la entrada.. Si alguien comenta ya no aparece mas :( Esto se puede solucionar??

    Gracias!!
    armarioyetc.com

    ResponderEliminar
  15. Lo cambie solo con texto mientras conseguía una solución y me pasa lo mismo :( Solo aparece el mensaje o la imagen cuando no tengo comentarios en el blog.. Me puedes ayudar? Muchas gracias..

    ResponderEliminar
    Respuestas
    1. ¡Hola Vanessa!

      Comprueba que lo has colocado correctamente, dentro del código que os copio en el tutorial, vas a encontrar varias veces

      data:postCommentMsg/

      en tu plantilla. Asegúrate de que la parte del código anterior y posterior coincide. Debería aparecer siempre como mensaje de agradecimiento, como en el blog que os pongo de ejemplo ;)

      ¡Feliz domingo!

      Eliminar
  16. Gracias por el aporte! pero no lo consigo.... me da todo el rato el mismo error que comentan otras chicas. He comprobado mil veces que lo estoy escribiendo en el sitio correcto y he probado a subir la imagen a picasa y a una entrada de blogger y no hay manera! me rindo snif snif...

    ResponderEliminar
  17. ya lo he conseguido! pero ahora solo me sale la imagen cuando no hay cometarios. si hay algún comentario sale solo el contador pero no la imagen... voy a llorar!

    ResponderEliminar
    Respuestas
    1. Cierto, acabo de hacer una prueba y al tener comentarios la imagen se sustituye por el contador... ¡vaya! Seguiré con las pruebas y cuando encuentre alguna solución os cuento ;)

      ¡Muchas gracias!

      Eliminar
    2. Mil millones de gracias Celia! que haríamos sin ti! ;)

      Eliminar
  18. Me encantó la data, la usé, gracias, no sabía que admiría esas etiquetas.
    Te invito a pasar por mi blog www.libercabrera.com.ar y quizás tirarme alguna sugerencia, gracias por la ayuda que brindas...

    ResponderEliminar
  19. He buscado eto y no aparece en mi plantilla :(

    ResponderEliminar
  20. Cuantísimas cosas explicas!!! Muchísimas gracias, voy a echarle un vistazo completo al blog.

    Saludos!

    ResponderEliminar
  21. Lo he intentado tal y como lo haz explicado pero no me aparece la imagen :c

    ResponderEliminar
  22. No sé la causa pero aunque sigo tus instrucciones al pie de la letra, invariablemente Blogger me insta a que introduzca el cierre de "img" en el código.

    ResponderEliminar



¡Anímate a comentar! ♥Tu opinión es muy importante para mí♥



El Perro de Papel es una Marca propiedad de Celia Espada García debidamente registrada en la OEPM, Modalidad M, Número 3527002 (0). Todos los recursos creados por Celia Espada García están correctamente protegidos y vinculados a la autora y no pueden usarse sin consentimiento previo.

Safe Creative #1408270134965
Los derechos de autor y propiedad intelectual del material compartido, tanto gratuitamente como de pago, en esta web y sus redes sociales pertenecen a "El Perro de Papel", exceptuando las referencias a otros creadores, los cuales están debidamente citados en los créditos.