Mil Trucos Blogger

Mensaje del formulario de comentarios, siempre visible y personalizado

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

Con los comentarios anidados muchas de las caracteristicas personalizadas que se tenian en los otros comentarios se perdieron y entre ellas el mensaje del formulario de comentarios que solo se veía en las entradas sin comentarios mientras que en las entradas con comentarios ya este mensaje no se veía, esa fue una de las razones por las cuales desactive el mensaje.

Luego de tanto buscar una solución efectiva para este pequeño problema, encontré la solución en Oloblogger que a su vez encontró la solución en el blog vietnamita Duypham, y la verdad que es muy practica, solo haciendo cambiando algunas pequeñas lineas de JavaScript se arregla todo este lió.

En mi caso, he dejado el mensaje del formulario de la siguiente manera:


Para agregar este pequeño truco a tu blog sigue los siguientes pasos:

En plantilla, Editar HTML busca la siguiente linea:

<b:includable id='threaded-comment-form' var='post'>

Con la anterior linea identificaras un bloque de codigo como el siguiente:

 <b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='240' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<div id='mensajeform'><!-- Apertura --><p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='240' id='comment-editor' name='comment-editor' src='' width='100%'/>
</div><!-- Cierre --></b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
</script>
</div>
</b:includable>
Donde tendrás que agregar las lineas resaltadas en negrita y color azul, de tal manera que quede como el bloque de códigos anterior.
Ahora lo que viene es modificar el script de los comentarios, para ello busca la siguiente linea:

document.getElementById(domId).insertBefore(replybox,null);

Cambia  replybox por  document.getElementById (‘mensajeform’) quedando la anterior linea de la siguiente manera:

document.getElementById(domId).insertBefore(document.getElementById (‘mensajeform’),null);

Con esto hemos terminado el truco y ya aparecerá el mensaje del formulario de comentarios que hayas escogido en el escritorio de Blogger cada vez que vayas a comentar.

Pero dado a que desde el escritorio de Blogger solo se puede añadir texto, les enseñare también como agregar imágenes para que sea aun mas atractivo el mensaje.

Para agregar imágenes o cualquier otro contenido busca la etiqueta:

<div id='mensajeform'><!-- Apertura -->

Debajo de ella añade lo siguiente:

 <img src="URL DE LA IMAGEN"/>


Reemplazas “URL DE LA IMAGEN” por la URL de tu imagen y listo guardas los cambios.

Esto es solo una pequeña muestra de como se puede personalizar el formulario, ya que podrás agregar muchas cosas, incluso CSS.
0
Shares

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

45 Comentarios

  1. Mayo 14, 2013    

    Buen tutorial Juvinao! como siempre eres un crack!. Por cierto la plantilla que tuvistes antes de la de estilo Facebook… Podrias compartirla? es una que tu logo de mil trucos blogger aumentaba.. m e gustaria tenerla para empezar a hacer tutoriale y me gustó el estilo y no quiero que sea muy elegante jeje.

    Un saludo.

  2. Mayo 14, 2013    

    Mil gracias! quedó perfecto! :winky:

  3. Mayo 22, 2013    

    Sigo esperando tu contestación para la plantilla que pusistes aqui una vez…

    Un saludo.

    • Mayo 23, 2013    

      Albero la voy a buscar en mis archivos, cuando la encuentre te la paso 🙂

    • Mayo 23, 2013    

      Gracias Hayder de verdad esque me encantó el trabajo que hicistes cone sa plantilla y para lo que quiero me sirve 🙂

    • Mayo 25, 2013    

      Alberto dame un correo al que te la pueda enviar, apenas la encuentre te la envió 🙂

    • Mayo 25, 2013    

      aqui te dejo el correo: alframig@gmail.com. Y que no se te olvide porfavor! xD quiero empezar el pryecto jeje

    • Junio 5, 2013    

      Amigo he tenido unos dias muy ocupados, disculpa la demora, apenas salga de la universidad te la entrego, si te sirve aun?

  4. Anonymous Anonymous
    Mayo 28, 2013    

    muy bueno amigo pero solo me funciona en las entradas que ya tienen comentarios en las que no tienen no parace la imagen ¿alguna solucion?

    gracias

    • Junio 5, 2013    

      Es cierto, es un pequeño error en el código, en estos días haré una actualización de la entrada.

      Saludos

    • Anonymous Anonymous
      Junio 10, 2013    

      gracias por tu repuesta amigo estare esperando ese nuevo codigo

    • Jaz Jaz
      Enero 22, 2014    

      Me pasa lo mismo, ha quedado perfecto pero sólo se ve la imagen cuando el post ya tiene comentarios. En la plantilla tengo un montón de “replybox” ¿será que tengo que reemplazar algún otro? 🙂
      Gracias por el tutorial, me ha servido de mucho.
      ¡Saludos!

    • Enero 23, 2014    

      Lo que pasa es que hay que añadir una condicional especial que he pasado por alto, en breve actualizare la entrada.

      Saludos

    • Jaz Jaz
      Enero 27, 2014    

      Ah, es eso. Entonces esperaré, pero mientras tanto ha quedado muy lindo. Muchas gracias por las instrucciones.

    • Enero 27, 2014    

      🙂

    • Febrero 16, 2014    

      Hola.
      No sé si actualizaste la entrada con esa condicional especial, pero yo lo he seguido al pie de la letra y me ocurre lo mismo que a Jaz y a los otros.
      ¿Puedes decirme cómo solucionarlo?

    • Febrero 18, 2014    

      Teniendo en cuenta que te escribí hace un par de días y que ya has escrito dos entradas desde entonces, deduzco que simplemente no sabes solucionar este problema. No pasa nada, pero sólo tienes que decirlo.
      Un saludo.

  5. Junio 3, 2013    

    oye porqué me sale que está mal esta parte cuándo la guardo:
    ” < / div > < ! — Cierre –> < / b : i f > ” responde porfa

  6. Junio 3, 2013    

    me sale:
    Error al analizar XML, línea 1543, columna 9: The element type “p” must be terminated by the matching end-tag “< / p >”. dime que hago o que hice mal

    • Junio 5, 2013    

      Amigo Erik vuelve a hacer los pasos con calma de nuevo y me cuentas como te fue.

      Saludos

  7. Junio 14, 2013    

    Osea si funciona pero solo se ve fija la imagen de “Mostrar emoticones”, pero que falta para que al hacerle clic solbre la imagen ” aparezca la otra imagen donde estan todos los emoticones”

    • Junio 14, 2013    

      Para eso ya toca usar un spoiler, en otro tutorial explicare esto.

      Saludos

  8. CJF CJF
    Junio 20, 2013    

    Hola gracias por tu aporte ,modifique el codigo html ,javascrip no agregue imagen , no me interesa ,pero al cerrar el blog y volver a habrir no deja visibles los comentarios ,muestra un link con la cantidad de comentarios ,me gustaria que queden visibles te dejo la direccion del blog http://ganardineroanuncio.blospot.com.ar ,verifique el codigo y quedo como deberia agradesco tu ayuda

  9. CJF CJF
    Junio 20, 2013    

    gracias por tu aporte implemente el codigo como lo publicaste pero los comentarios no quedan visibles cuando cierro el blog muestra un link con la cantidad de comentarios te dejo la direccion del blog
    http://ganardineroanuncio.blogspot.com.ar agradesco tu ayuda

  10. Julio 16, 2013    

    brother muchas gracias funciona pasate pormi blog http://www.santytutoriales.blogspot.com:cold

  11. Julio 22, 2013    

    Yeahh :mario:

  12. Julio 23, 2013    

    como ago para que al dar click en la imagen se abra la que contiene los emoticonos

    • Julio 26, 2013    

      Noe ese es otro tutorial que tengo pendiente.

      Saludos

  13. Agosto 6, 2013    

    amigo podrias poner video de como lo agregaste tu?
    porque yo pongo en mi blog y me sale un error o no se donde poner

  14. Septiembre 4, 2013    

    Gracias Juvinao, y cuando tengas un momento me cuentas como dejar los comentarios abiertos como estan en tu blog? con la línea pequeña que dice cuantos hay, me responden al email y no quedan rastros del paso por el blog. Gracias!

  15. Septiembre 18, 2013    

    hola

  16. Octubre 3, 2013    

    Rayos. A mi no me salio. Lo intente varias veces y no ocurre nada. Me pregunto si será porque mi plantilla es personalizada.

  17. Diciembre 14, 2013    

    a mi tampoco me sale.

  18. Diciembre 14, 2013    

    A mi tampoco me sale. No se que hago mal. ;(

  19. Diciembre 14, 2013    

    a mi tampoco me sale.

  20. hol hol
    Marzo 10, 2014    

    felicidades

  21. Abril 30, 2014    

    :)) (h) Voy hacer la prueba si es que me funciona!!

  22. Enero 28, 2015    

    como puedo poner el texto ☺ Emoticon como en tu blog

    • Febrero 1, 2015    

      Amigo eso seria otro tutorial, pero mientras lo hago puedes poner una imagen.

      Saludos

  23. Febrero 25, 2015    

    Buenas noches porfavor necesito su ayuda

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo