martes, 16 de diciembre de 2014

Blog sobre Nuevas Tecnologías: Comentarios con desplazamiento de texto para Blogger (efecto marquee)

Blog sobre Nuevas Tecnologías
Blog Personal de Jose María Acuña Morgado 
thumbnail Comentarios con desplazamiento de texto para Blogger (efecto marquee)
Dec 16th 2014, 13:20, by Jose Maria Acuña Morgado


Todos conocemos la importancia de un blog como herramienta de marketing online para cualquier actividad empresarial o negocio. Se trata de un instrumento muy competitivo y diferencial que actúa como canal de comunicación entre las empresas que ofrecen sus productos o servicios y los usuarios.

Un blog corporativo posibilita la interacción con nuestros clientes actuales y potenciales a través de comentarios, teniendo como finalidad aumentar la reputación de nuestra marca lo que se traducirá en la consecución de nuestros objetivos.
En cada acción que realizas o en cada comentario que alguien hace sobre ti, se está construyendo tú marca comercial o personal.

Para mostrar los comentarios recientes en nuestro blog, pagina o sitio web, podemos utilizar las herramientas que nos ofrecen los distintos gestores de contenido.
Ese plus de visibilidad nos los proporcionan los widgets o gadgets que permiten incrustar y presentar información relevante para el usuario final.

Blogger pone a nuestra disposición un gadget de muy fácil implementación y de máximo interés: un tablero con los últimos comentarios publicados en tu sitio web o blog..

Éstos son los pasos a seguir:

  1. Selecciona la entrada Diseño del panel principal de Blogger.
  2. Pulsa sobre el link Añadir un gadget y se abrirá una ventana con diferentes alternativas
  3. Desplazamos el scroll de la nueva ventana hacia abajo hasta llegar a la opción:

    HTML/JavascriptAñadir
    Añade una característica de un tercero u otro código a tu blog.





  4. Introduce el Título del widget (por ejemplo Últimos comentarios)
  5. En la caja Contenido pega el siguiente código:

  6. Por último hacemos click sobre el botón Guardar

Vamos a analizar cada uno de los parámetros:

  • numComments: número de comentarios a mostrar.
  • showAvatar: 'true' si queremos mostrar el avatar (identidad virtual) del autor del comentario.
  • avatarSize: tamaño en píxeles de la imagen del avatar.
  • roundAvatar: 'true' para mostrar el avatar en forma redondeada.
  • characters: especifica el número de caracteres del comentario.
  • showMorelink: 'true' para que aparezca el link que nos lleva a la lectura de ese comentario.
  • moreLinktext: texto del enlace para acceder al comentario.
  • defaultAvatar: imagen por defecto para aquellos avatares que no disponen de imagen identificativa.
  • hideCredits: 'true'si queremos ocultar la url de la pagina del creador.
Como indicación final, sustituimos el texto [URL DE TU BLOG] por la dirección de nuestro blog (en mi caso: http://jmacuna73.blogspot.com).

Podéis ver el ejemplo funcionando en la columna derecha del blog, bajo la sección Suscribirse por Email (visible en la versión de escritorio).

Ahora vamos a dotar de mayor dinamismo al tablero con el efecto marquee (efecto de movimiento de los textos o comentarios).
Para ello, añadimos dos nuevas librerías javascript y la función jQuery para la ejecución del script.

El código resultante es el siguiente:



Puedes visualizar y descargar el ejemplo para integrarlo en tu blog en la siguiente dirección:

Comentarios recientes con efecto 'marquee'


You are receiving this email because you subscribed to this feed at blogtrottr.com.

If you no longer wish to receive these emails, you can unsubscribe from this feed, or manage all your subscriptions

No hay comentarios:

Publicar un comentario

Ads Inside Post