Mil Trucos Bloggers

Tutoriales y recursos para Blogger

Select Menu
  • Home
  • Blogging
    • Tutorial Blogspot
    • CSS
    • jQuery
    • Widget
  • Tools
    • Font Awesome
    • HTML Editor
    • HTML Encrypter
    • Code Color
    • Responsive Cek
  • Sitemap
  • Static Page
  • Error Page
Home » Comentarios » Trucos Blogger » Mensaje del formulario de comentarios, siempre visible y personalizado

martes, 14 de mayo de 2013

Mensaje del formulario de comentarios, siempre visible y personalizado

Add Comment
Comentarios, Trucos Blogger
martes, 14 de mayo de 2013
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 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.

Share

Like

G+

Tweet

Tweet
0 Komentar untuk "Mensaje del formulario de comentarios, siempre visible y personalizado"

Add Comments

Entrada más reciente Entrada antigua Página Principal
Suscribirse a: Comentarios de la entrada (Atom)

Popular Week

  • Scroll infinito en Blogger
    Scroll infinito en Blogger
    Una de las nuevas formas de cargar una pagina web o blog, es el scroll infinito , el cual consta en que a medida que se vaya bajando el con...
  • Últimas Entradas Personalizadas con Icono
    Últimas Entradas Personalizadas con Icono
    Hace unos dias publique una entrada titulada  Ultimos Comentarios Personalizados con Icono ,pues bien despues de probar un rato con los codi...
  • Pop Up Me gusta de Facebook para Blogger
    Pop Up Me gusta de Facebook para Blogger
    Un usuario anonimo me pidio un truco tipo PopUp en el se mostrase el boton Me Gusta de Facebook,y buscando un poco he encontrado el tutorial...
  • Plantilla BloggerTube
    Plantilla BloggerTube
    BloggerTube es una de las plantillas mas populares entre los Bloggeros en especial para aquellos que desean crear un blog de videos o musica...
  • Las 5 etapas en la vida de un blogger,¿En qué fase te Encuentras ya?
    Las 5 etapas en la vida de un blogger,¿En qué fase te Encuentras ya?
    Hola estimados lectores. Creo que este artículo lo verán un tanto familiar algunos colegas, porque probablemente se apegará a varios sucesos...
  • Cambiate a facturas electronicas
    Cambiate a facturas electronicas
    Las facturas de papel fueron en su momento una gran idea pero en este siglo que ha sido denominado "el siglo de la tecnologia" han...
  • No olvides hacerle SEO a tu web
    No olvides hacerle SEO a tu web
    Ya en Mil Trucos Blogger hemos hablado sobre el SEO, pero hoy hablaremos para que sirve verdaderamente el SEO ya que he recibido muchas duda...
  • ¿Blogger es el producto favorito de Google?
    ¿Blogger es el producto favorito de Google?
    ¿Blogger es el producto favorito de Google?, esa es la pregunta que muchos se harán, luego de leer mi post de ayer el cual se titulaba  ¿Blo...
  • Juegos Android- Otro acierto de Google
    Juegos Android- Otro acierto de Google
    Desde que los celulares con el sistema operativo de Google: Android se volvieron muy populares ha crecido en torno a ellos una gran comunida...
  • Añadir el gadget de seguidores de Google+
    Añadir el gadget de seguidores de Google+
    El gadget de seguidores de Google +, salio hace muy poco tiempo y ya ha sido muy renombrado en los circulos sociales de los bloggeros, y hoy...

Labels

  • Anuncios Oficiales
  • Comentarios
  • Concursos
  • Consejos
  • Dominios
  • Efectos
  • Feed
  • Festividades
  • Gadgets y Widgets
  • Humor
  • Imágenes
  • Monetiza tu blog
  • Off Topic
  • Plantillas
  • Recomendados
  • Recursos Web
  • Recursos Wordpress
  • Redes Sociales
  • SEO
  • Trucos Blogger
  • Tutoriales Blogger

Blog Archive

  • ►  2014 (20)
    • ►  enero (20)
  • ▼  2013 (322)
    • ►  diciembre (34)
    • ►  noviembre (31)
    • ►  octubre (35)
    • ►  septiembre (33)
    • ►  agosto (42)
    • ►  julio (13)
    • ►  junio (17)
    • ▼  mayo (26)
      • Seguidores Blogger, Twitter y Facebook - Flotantes...
      • Programar la Publicación de tus entradas en blogger
      • Dividir el texto de una entrada en dos Columnas
      • No olvides hacerle SEO a tu web
      • Instalar Google Analytics en Blogger fácilmente
      • Joderinga- Mi nuevo blog
      • Scroll infinito en Blogger
      • Elegante Widget de suscripción para Blogger
      • Sexy Drop Down, Menú Desplegable para Blogger
      • Cajon "Popup" de Bienvenida Usando jQuery para Blo...
      • Gadget de Formulario de Contacto en Blogger
      • Google Play- La tienda de aplicaciones de Android
      • Samsung Galaxy S4- La sensación del momento
      • Sube posiciones rápidamente en Google con un buen ...
      • Mensaje del formulario de comentarios, siempre vis...
      • Cambiar los enlaces de navegación por el titulo de...
      • El desarrollo web y el diseño web (Un modo de vida)
      • Google Glass (Gafas de realidad aumentada)-La nuev...
      • Nueva Zona de Negocios en Mil Trucos Blogger
      • Como elegir el fondo adecuado para tu sitio web
      • Fanbox de Facebook, Twitter, y Google +, flotantes...
      • DCM Dark- Plantilla Premium para Blogger
      • Los mejores juegos de vestir para ti
      • Facebook en tu celular-Una gran app para Bloggeros
      • Banahosting-El mejor hosting para alojar tu web
      • Añadir los comentarios de Google Plus en WordPress
    • ►  abril (30)
    • ►  marzo (22)
    • ►  febrero (15)
    • ►  enero (24)
  • ►  2012 (171)
    • ►  diciembre (19)
    • ►  noviembre (20)
    • ►  octubre (13)
    • ►  septiembre (15)
    • ►  agosto (10)
    • ►  julio (10)
    • ►  junio (8)
    • ►  mayo (15)
    • ►  abril (12)
    • ►  marzo (15)
    • ►  febrero (19)
    • ►  enero (15)
  • ►  2011 (186)
    • ►  diciembre (20)
    • ►  noviembre (16)
    • ►  octubre (16)
    • ►  septiembre (16)
    • ►  agosto (18)
    • ►  julio (19)
    • ►  junio (22)
    • ►  mayo (25)
    • ►  abril (28)
    • ►  marzo (6)

Labels

  • Anuncios Oficiales
  • Comentarios
  • Concursos
  • Consejos
  • Dominios
  • Efectos
  • Feed
  • Festividades
  • Gadgets y Widgets
  • Humor
  • Imágenes
  • Monetiza tu blog
  • Off Topic
  • Plantillas
  • Recomendados
  • Recursos Web
  • Recursos Wordpress
  • Redes Sociales
  • SEO
  • Trucos Blogger
  • Tutoriales Blogger

Labels

  • Anuncios Oficiales
  • Comentarios
  • Concursos
  • Consejos
  • Dominios
  • Efectos
  • Feed
  • Festividades
  • Gadgets y Widgets
  • Humor
  • Imágenes
  • Monetiza tu blog
  • Off Topic
  • Plantillas
  • Recomendados
  • Recursos Web
  • Recursos Wordpress
  • Redes Sociales
  • SEO
  • Trucos Blogger
  • Tutoriales Blogger

© Mil Trucos Bloggers Published By Kaizen Templates powered by Blogger.com.
All Right Reserved By .