Noticias en tu email encuentrame en Bloglovin

25.9.13

Personalizar el mensaje para animar a comentar

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

¡Anímate a comentar! ♥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:

Hasta encontrar este fragmento de código:

     

     


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

URL de la imagen”/>

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

Resultado:

     

URL de la imagen”/>

     



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.







¿Te ha resultado interesante esta entrada?

¡¡Compártela en tus redes sociales!!

Puede que a alguno de tus contactos también le resulte útil 

Gracias ♥

32 comentarios:

  1. María Mimosorum25 de septiembre de 2013 13:06

    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. María Mimosorum25 de septiembre de 2013 13:13

    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. Celia Espada García26 de septiembre de 2013 02:35

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

      ¡¡Besos!!

      Eliminar
  • Wendy Vasquez25 de septiembre de 2013 15:37

    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
  • Wendy Vasquez25 de septiembre de 2013 16:04

    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. Wendy Vasquez25 de septiembre de 2013 16:08

      Creo que es porque vinculo los comentarios con los de google+

      Eliminar
    2. Celia Espada García26 de septiembre de 2013 02:35

      Posiblemente, Wendy :)

      ¡¡Besitos!!

      Eliminar
  • sonia16 de octubre de 2013 22:41

    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. Celia Espada García28 de octubre de 2013 12:54

      jajaja ¡pobre! :)

      Ya me cuentas si lo has conseguido

      ¡feliz lunes!

      Eliminar
  • Undestinocontigo!26 de octubre de 2013 23:54

    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. Celia Espada García28 de octubre de 2013 12:55

      ¡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
  • MIKITA10 de noviembre de 2013 17:23

    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. Celia Espada García10 de noviembre de 2013 17:49

      ¡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. Celia Espada García10 de noviembre de 2013 17:49

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

      Eliminar
  • MARO11 de noviembre de 2013 19:14

    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
    Respuestas
    1. Celia Espada García12 de noviembre de 2013 13:43

      ¡Gracias por compartirlo, guapa! :D

      Eliminar
  • Elena11 de noviembre de 2013 23:43

    ¡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. Celia Espada García12 de noviembre de 2013 13:44

      ¡Hola Elena!

      En configuración -> Entradas y comentarios

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

      ¡Gracias a ti!

      Eliminar
    2. Elena21 de noviembre de 2013 23:05

      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. Celia Espada García21 de noviembre de 2013 23:09

      Claro, solo tienes que elegir donde te dije:

      Quien Puede Comentar --> Cualquiera

      :)

      Eliminar
    4. Celia Espada García21 de noviembre de 2013 23:11

      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
  • Vanessa Spranger16 de noviembre de 2013 20:13

    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
  • Vanessa Spranger16 de noviembre de 2013 21:50

    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. Celia Espada García17 de noviembre de 2013 13:17

      ¡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

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

Entradas Actuales Entradas Antiguas Inicio