Script para compartir tu sitio web, blog o foro en redes sociales: FaceBook, MSN, Twitter etc ...

Más sobre el programa :: Requerimientos :: Videos :: Actualizaciones

Este útil script te permite fácilmente, añadir una botonera o barra de menú, para que los usuarios de tu sitio web, puedan compartir tu portal o blog con otra personas, en redes sociales conocidas como por ejemplo FaceBook, Twitter, MSN etc ..

El script está programado con la librería jQuery, es fácil de implementar y es completamente gratis y de libre uso.

A continuación puedes ver mas información sobre como funciona y como instalarlo en el código fuente de tu página.

Mas información sobre el programa.

Indice - Contenido.

  1. Compartir sitio web en redes sociales: FaceBook, Twitter, MSN etc ..
  2. Vista previa de la botonera.
  3. Sitios webs y redes sociales disponibles para compartir.
  4. Parámetros y configuraciones de jquery.jShared.
  5. Cómo instalar y utilizar jquery.jShared en nuestra página web

 

1 - Compartir sitio web en redes sociales: FaceBook, Twitter, MSN etc ..

Nadie puede ignorar la importancia que cumplen las redes sociales hoy en día en lo que respecta a la comunicación y interactividad.

Sitios como FaceBook, Twitter y MSN son herramientas de comunicación fáciles de utilizar y efectivas, y permiten a cualquier usuario, estar comunicado y poder compartir mucho contenido web: Imágenes, videos, audio,opiniones, chat, y cualquier otra información.

Las redes sociales, son también aplicaciones web, ya que proporcionan funciones (API) para compartir información de otras aplicaciones. Por ejemplo blogs, web sitios, aplicaciones móviles, etc

jQuery.jsShare permite añadir una barra con enlaces para que el usuario pueda compartir tu página web con las redes ya mencionadas.

Para compartir tus páginas web y aplicaciones con facilidad, jQuery.jsShare muestra un botón o barra de enlaces compacta. Esta se desliza al hacer clic para mostrar los diferentes íconos de las redes sociales: FaceBook, MSN etc ..

2 - Vista previa de la botonera.

Vista previa de la barra o botonera con los enlaces para compartir.

Nota: La barra se puede visualizar ya desplegada o en modo compacto. En esta última, se mostrará un botón que se abrirá al hacer clic con un efecto de animación.

3 - Sitios webs y redes sociales disponibles para compartir.

jquery.jShared soporta las siguientes redes sociales.

  • Facebook
  • Twitter
  • Google Buzz
  • Stumble Upon
  • LinkedIn
  • Digg
  • Delicious
  • Reddit
  • Live Messenger.

4 - Parámetros y configuraciones de jquery.jShared.

  • Animate. Si esta variable o parámetro lo colocamos en true, mostrará un efecto animado en la barra o botonera de enlaces de redes sociales.
  • InitialDisplay: Determina si el plugin o barra de enlaces, se puede expandir o contraer. Los valores de este parámetro son "compacto" ( Compact) y "ampliado" ( Expanded), por defecto es "compacto". Es decir la barra se mostrará mediante un único botón, donde el usuario deberá hacer clic para visualizar los demás botones.
  • Speed: Es el valor para la velocidad de la botonera cuando se despliegue, Por defecto se utilizará 1000 Milisegundos, es decir un 1 segundo.
  • yoursitetitle: determina el título de tu sitio web, blog, foro etc ..
  • yoursiteurl: La dirección web de tu sitio.
  • yoursitename: El nombre del sitio.
  • Desc: Corta descripción que se muestra al pasar el mouse encima de una red social.
  • delicious: Si se encuentra en true, se mostrará el ícono o enlace para compartir la página en delicious.
  • FaceBook: Si se encuentra en true, se mostrará el ícono o enlace para compartir la página en FaceBook.
  • Messenger: Si se encuentra en true, se mostrará el ícono o enlace para compartir la página en Windows Live Messenger.
  • Twitter: Si se encuentra en true, se mostrará el ícono o enlace para compartir la página en Twitter.

5 - Cómo instalar y utilizar jquery.jShared en nuestra página web.

El primer paso es incluir en la sección HEAD de la página, la referencia a los siguientes archivos:

  • Agregar la referencia a jQuery script.
  • Referencia al archivo jsShare.js ( Es el archivo de plugin)
  • jsShare.css: La hoja de estilos.

El segundo y último paso, es mostrar el bloque donde aparecerá la barra con los enlaces a las redes sociales. Hacer esto es muy simple, sólo deberemos añadir el siguiente código HTML, con un DIV.

Ejemplo:

<div id="buttons"> </div>

 


Requerimientos de instalación y uso.

Requiere: Librería jQuery y archivo de plugin jQuery.jsShare.js.


Videos tutoriales.

Indice de videos.

Este tutorial, es una simple guía que te mostrará como incluir las dependencias o archivos necesarios para incluir la barra de enlaces en la cabecera de la página web. También, como editar el archivo de configuración y sus opciones.

Nota: en el video se utiliza un editor de páginas web ( El dreamWeaver para la edición de los archivos index.html y el fichero javascript jQuery.jsShare.js).

Pero si no tienes un editor de páginas web, igualmente puedes realizar las modificaciones, simplemente con el bloc de notas o el wordpad que se incluye con windows.

Duración del video: 6 minutos, 4 segundos.

( Ver este videotutorial en alta definición - HD )

 

Cambios, actualizaciones y mejoras del programa.

Buscar programas


Introduce los términos de búsqueda ...

Enlaces patrocinados.


Detalles y descargar

Web:
http://www.egrappler.com
Licencia:
Gratis
Versión:
--
Idioma:
Inglés
Programa actualizado:


Si te ha gustado esta página, programa o artículo puedes votar haciendo clic en este botón: