nota automatica

lunes, 9 de septiembre de 2013

MENSAJE DEL FORMULARIO DE COMENTARIOS, SIEMPRE VISIBLE Y PERSONALIZADO

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 vietnamitaDuypham, 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 tendras que agregar las lineas resaltadas en negrita y color azul, de tal manera que quede como el bloque de codigos 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.
Imprimir artículo

No hay comentarios:

Publicar un comentario

Mil Trucos Blogger